Skip to main content
The skillmd Figma plugin bridges design and code: capture design context from a file and turn it into a skill.md your agent can build UI against — paired with verify_design over MCP to check the result.

​
What it’s for

Design to skill

Generate a design-mode skill from your Figma context — tokens, components, and patterns.

Build with confidence

Hand the skill to your agent, then verify the implementation against the source design.

​
Workflow

1

Open the plugin

Run the skillmd plugin from your Figma file.
2

Generate a design skill

Capture the design context as a skill.md.
3

Build, then verify

Use the skill in your editor to build UI, then run verify_design over MCP to check it against the design.
Design skills pair naturally with the verify_design MCP tool — generate, build, and check without leaving your agent loop.