Setup & Installation
npx skills add https://github.com/openai/figma-generate-design --skill figma-generate-design
https://github.com/openai/figma-generate-design
View on GitHubWhat This Skill Does
Translates application pages, views, and multi-section layouts into Figma by discovering and reusing published design system components, variables, and styles. Works section-by-section, binding design tokens instead of hardcoding values. Handles both creating new screens and updating existing ones. Manually recreating screens in Figma means hunting for components, copying hex codes, and losing design system links — this skill finds and binds the actual published tokens so the output stays connected to the library.
When to use it
- Working with figma generate design functionality
- Implementing figma generate design features
- Debugging figma generate design related issues