Figma design md

Skill sunhome243/figma-mcp-express/plugins/figma-mcp-express/skills/figma-design-md

Use when extracting DESIGN.md from a Figma file, including tokens, styles, components, rationale, and optional Tailwind or DTCG exports.From its SKILL.md

Install

npx -y skills add sunhome243/figma-mcp-express --skill figma-design-md

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.8 KB, as published. Nobody here has run it

Figma DESIGN.md Extraction

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.

Input

/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.

Workflow

Bootstrap in parallel: list_channels, npx --yes @google/design.md spec --format json, and output-path resolution.
Harvest in parallel: export_tokens, get_styles, get_local_components, and get_pages.
Pick up to three representative frames from non-archive pages, then read each with get_design_context detail:"full" and save_screenshots.
Compose <output>.new using tool data as factual truth. Never invent token values or override tool data with screenshot impressions.
Run npx --yes @google/design.md lint <output>.new --format json; regenerate at most three times before asking the user.
Promote atomically and optionally export Tailwind/DTCG with @google/design.md export.

References

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.

Delivery

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.