figma-design-to-code

Installation
SKILL.md

Implement Figma design in code

Turn visible Figma evidence into the smallest project-native implementation that preserves the intended result. Keep that result focal: project files, TemPad output, rules, and tool calls are evidence for the implementation, not deliverables to reproduce mechanically.

Require TemPad Dev MCP to provide trustworthy design evidence for the current selection or an exact nodeId inside the user's established scope. Never reconstruct the design from memory, screenshots alone, or get_structure metadata.

Evidence and authority

Use each source only for what it can establish:

Installs
341
GitHub Stars
505
First Seen
Feb 18, 2026
figma-design-to-code — ecomfe/tempad-dev