Figma implement design
Skill sarveshsea/design-skills/skills/figma-implement-design
Practical design judgment for AI coding agents: 78 installable skills for craft, research, generation, Figma, and Memoire.
npx -y skills add sarveshsea/design-skills --skill figma-implement-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 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.
What its author says it does
Copied from the file, not written here
Route Figma-to-code implementation to Figma's current official MCP workflow while preserving repository conventions and independent verification. Use when a supplied Figma selection must become production code.
SKILL.md
1.4 KB, as published. Nobody here has run it
Figma Implement Design Router
This repository does not reproduce Figma's implementation skill. Use the official workflow as the integration layer and the local codebase as the implementation authority.
Procedure
- Confirm the exact Figma file or selection and the target repository surface.
- Read local instructions, components, tokens, framework conventions, tests, and accessibility requirements.
- Load Figma's current implementation skill from the official MCP guide distribution.
- Use the official integration to obtain current design context and assets.
- Reuse local components and tokens before creating new ones.
- Implement through the repository's normal test and review workflow.
- Compare the result against the supplied design at representative states and viewport sizes.
- If the official skill is unavailable, request exported context or screenshots and proceed only as an explicitly limited static implementation.
Official source: Figma MCP Server Guide
Return files changed, reused components, verification evidence, visual differences, and unresolved integration limits.