القائمة
Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Create refreshable, auditable Open Design artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.
Hidden fallback scenario for free-form Home prompts. Ask the task type first, then continue through the matching Open Design flow.
Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.
Read an existing repository's structure into the project cwd as a normalised snapshot the agent can analyse without re-walking the tree on every turn.
5-dimension critique panel; emits the critique.score signal that drives devloop convergence.
Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.
| 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. |
| triggers | ["figma generate design","code to figma","screen generation","figma from code"] |
| od | {"mode":"design-system","category":"figma","upstream":"https://github.com/figma/skills"} |
Curated from Figma's MCP server guide.
Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.
figmaThis catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/figma/skills
Then ask the agent to invoke this skill by name (figma-generate-design) or with
one of the trigger phrases listed in this skill's frontmatter.