Setup & Installation
npx skills add https://github.com/openai/figma-implement-design --skill figma-implement-design
https://github.com/openai/figma-implement-design
View on GitHubWhat This Skill Does
Translates Figma designs into production-ready code with pixel-perfect visual parity. Works by fetching design context and screenshots through the Figma MCP server, then mapping design tokens, layout, and assets to your project's existing component library and conventions. Instead of manually cross-referencing Figma specs and guessing token mappings, it fetches structured design context directly from the Figma MCP server and walks through a validated checklist before marking implementation complete.
When to use it
- Working with figma implement design functionality
- Implementing figma implement design features
- Debugging figma implement design related issues