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: