{"id":"f84f3ff4-372c-4186-9ebf-d9d9da8db950","shortId":"CERxKc","kind":"skill","title":"figma-generate-design","tagline":"Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.","description":"# figma-generate-design\n\n> Curated from Figma's MCP server guide.\n\n## What it does\n\nBuild or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.\n\n## Source\n\n- Upstream: https://github.com/figma/skills\n- Category: `figma`\n\n## How to use\n\nThis catalogue entry advertises the skill in Open Design so the agent\ndiscovers it during planning. To run the full upstream workflow with\nits original assets, scripts, and references, install the upstream\nbundle into your active agent's skills directory:\n\n```bash\n# Inspect the upstream README for exact paths\nopen https://github.com/figma/skills\n```\n\nThen ask the agent to invoke this skill by name (`figma-generate-design`) or with\none of the trigger phrases listed in this skill's frontmatter.","tags":["figma","generate","design","open","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-figma-generate-design","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/figma-generate-design","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (815 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:13.508Z","embedding":null,"createdAt":"2026-05-11T12:52:26.879Z","updatedAt":"2026-05-18T18:50:13.508Z","lastSeenAt":"2026-05-18T18:50:13.508Z","tsv":"'/figma/skills':67,124 'activ':108 'advertis':76 'agent':84,109,128 'app':20,56 'ask':126 'asset':98 'bash':113 'build':5,41 'bundl':105 'catalogu':74 'categori':68 'code':12,48 'compon':18,54 'curat':31 'descript':14,50 'design':4,16,25,30,52,61,81,138 'directori':112 'discov':85 'entri':75 'exact':119 'figma':2,10,23,28,33,46,59,69,136 'figma-generate-design':1,27,135 'frontmatt':151 'full':92 'generat':3,29,137 'github.com':66,123 'github.com/figma/skills':65,122 'guid':37 'inspect':114 'instal':102 'invok':130 'list':146 'mcp':35 'name':134 'one':141 'open':80,121 'origin':97 'page':21,57 'path':120 'phrase':145 'plan':88 'readm':117 'refer':101 'run':90 'screen':8,44 'script':99 'server':36 'skill':78,111,132,149 'skill-figma-generate-design' 'sourc':63 'source-nexu-io' 'system':17,53 'token':26,62 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'translat':19,55 'trigger':144 'updat':7,43 'upstream':64,93,104,116 'use':15,24,51,60,72 'workflow':94","prices":[{"id":"40d194c7-8673-4d03-870c-b00c6a1086ec","listingId":"f84f3ff4-372c-4186-9ebf-d9d9da8db950","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-11T12:52:26.879Z"}],"sources":[{"listingId":"f84f3ff4-372c-4186-9ebf-d9d9da8db950","source":"github","sourceId":"nexu-io/open-design/figma-generate-design","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/figma-generate-design","isPrimary":false,"firstSeenAt":"2026-05-11T12:52:26.879Z","lastSeenAt":"2026-05-18T18:50:13.508Z"}],"details":{"listingId":"f84f3ff4-372c-4186-9ebf-d9d9da8db950","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"figma-generate-design","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"a39b835d0d1c9034c423526baac77cb05c93bbc7","skill_md_path":"skills/figma-generate-design/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/figma-generate-design"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"figma-generate-design","description":"Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/figma-generate-design"},"updatedAt":"2026-05-18T18:50:13.508Z"}}