figma-design-generate
Installation
SKILL.md
Figma Design Generate
Capture UI and send it to Figma as fully editable design layers — real frames, components, auto-layout, and text layers, not flat screenshots.
The tool is remote only, exempt from standard Figma MCP rate limits, and works with Figma Design files.
When to Use
- User says "push to Figma", "send to Figma", "capture UI", "code to canvas", "sync Figma"
- After building or implementing a feature — send result to designers for review
- Syncing a Figma file with the current implementation state
- Roundtrip workflow: Figma → code → Figma → designer refines → code again
Process
1. Determine the target
Three destination options: