メニュー
Use when extracting DESIGN.md from a Figma file, including tokens, styles, components, rationale, and optional Tailwind or DTCG exports.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/sunhome243/figma-mcp-express --skill figma-design-mdコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Use when any figma-mcp-express MCP tool is needed for Figma reads, writes, batch ops, screenshots, libraries, tokens, prototypes, or multi-file/channel work.
Use when designing, editing, or reviewing Figma UI layout craft for auto layout, components, spacing, typography, states, dark mode, or handoff.
Use when wiring or auditing Figma prototypes, including clicks, navigation, overlays, transitions, flow starts, scroll-fixed chrome, reaction maps, or inferred flows from static frames. Companion domain skill for figma-mcp-express prototype work.
| name | figma-design-md |
| description | Use when extracting DESIGN.md from a Figma file, including tokens, styles, components, rationale, and optional Tailwind or DTCG exports. |
Read-only workflow for producing a DESIGN.md from a Figma file. The Figma tools are the source of truth; screenshots only provide aesthetic prose signals.
/figma-design-md <figma-file-url-or-filekey>
Extract fileKey from figma.com/design/<fileKey>/.... Default output is ./DESIGN.md; honor --output <path> when present.
list_channels, npx --yes @google/design.md spec --format json, and output-path resolution.export_tokens, get_styles, get_local_components, and get_pages.get_design_context detail:"full" and save_screenshots.<output>.new using tool data as factual truth. Never invent token values or override tool data with screenshot impressions.npx --yes @google/design.md lint <output>.new --format json; regenerate at most three times before asking the user.@google/design.md export.references/token-extraction-spec.md defines exactly what each Figma tool contributes and how gaps are handled.references/design-md-schema.md defines YAML front matter and token value types.references/design-md-sections.md defines body section order, prose requirements, and component-token guidance.Report the output path, selected source frames, token/component counts, lint findings, and export files. If a token category is absent, say it was absent rather than fabricating placeholders.