How to Use Claude Code Frontend-Design Plugin: Complete Guide
Learn how to install and use the Claude Code frontend-design skill. Turn prompts into live UI, pair with Figma design tokens for production-ready code.
Read articleOne plugin. Endless Design Power.
Scan Figma files for untokenized values, WCAG contrast gaps, and font drift - then export design tokens your dev team can trust.
For UI/UX designers & design system teams in Figma
In-depth guides for UI/UX designers on building, maintaining, and scaling design systems in Figma.
Learn how to install and use the Claude Code frontend-design skill. Turn prompts into live UI, pair with Figma design tokens for production-ready code.
Read articleConnect Figma MCP to Claude Code in 5 minutes. Step-by-step setup with config examples, troubleshooting, and tips for tokenized design output.
Read article
Migrate CSS/SCSS/JSON tokens to Figma Variables with DTCG export — map primitives, resolve aliases, sync to code without breaking your design system.
Read article