Figma alternatives

12 skills that do a similar job to Figma in Design & Creative, ranked by rating and usage.

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/figma-implement-design ~/.claude/skills/

Figma Implement Design

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user me…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/figma-use ~/.claude/skills/

Figma Use

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/figma-generate-library ~/.claude/skills/

Figma Generate Library

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libra…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/figma-code-connect-components ~/.claude/skills/

Figma Code Connect Components

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to co…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/figma-generate-design ~/.claude/skills/

Figma Generate Design

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/figma-create-design-system-rules ~/.claude/skills/

Figma Create Design System Rules

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set u…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/anthropics/knowledge-work-plugins && cp -r knowledge-work-plugins/design/skills/design-handoff ~/.claude/skills/

Design Handoff

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, comp…★ 4.8 · 0+

skillclaude_appclaude_codeclaude_api

npx skills add google-labs-code/stitch-skills

Design Md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files62,704+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/anthropics/knowledge-work-plugins && cp -r knowledge-work-plugins/partner-built/zoom-plugin/skills/design-mcp-workflow ~/.claude/skills/

Design Mcp Workflow

Design a Zoom MCP workflow for Claude. Use when deciding whether Zoom MCP fits a task, when planning tool-based AI workflows, or when separating MCP r…0+

skillclaude_appclaude_codeclaude_api

npx skills add arvindrk/extract-design-system

Extract Design System

Extract design primitives from a public website and generate starter token files for your project.129,445+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/openai/skills && cp -r skills/skills/.curated/openai-docs ~/.claude/skills/

Openai Docs

Use when the user asks how to build with OpenAI products or APIs, asks about Codex itself or choosing Codex surfaces, needs up-to-date official docume…0+

skillclaude_appclaude_codeclaude_api

git clone https://github.com/anthropics/knowledge-work-plugins && cp -r knowledge-work-plugins/enterprise-search/skills/search ~/.claude/skills/

Search across all connected sources in one query. Trigger with "find that doc about...", "what did we decide on...", "where was the conversation about…★ 4.8 · 0+

Frequently asked questions

What is the best alternative to Figma?

Ranked by rating and usage on AI Khazna, the top alternative is Figma Implement Design. Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

How many alternatives to Figma are there?

AI Khazna lists 12 skills that are alternatives to Figma in Design & Creative, each reviewed before publishing.