This turns code or design descriptions into actual Figma screens using your design system components and tokens. It's built to bridge the gap between implementation and design files, so when you have working UI code and need to sync it back into Figma, you don't have to manually rebuild everything. The skill comes from Figma's official MCP server repository, which gives it credibility but also means you'll need to wire up the full upstream workflow yourself. Most useful when you're maintaining design system parity across code and Figma, or when engineers are prototyping faster than designers can keep mockups updated. It won't magically fix messy component libraries, but it's a solid automation if your design tokens are already structured.
npx skills add https://github.com/nexu-io/open-design --skill figma-generate-design