What it does
A set of Claude Code skills that turn design work into front-end code. The Figma to Code skill generates React or Next.js components from Figma designs, reuses existing components, maps Figma variants to code props and uses TypeScript. It relies on the Figma MCP server to read the design file.
Use cases
- 01Turn a Figma frame into a React component
- 02Map Figma variants to component props
- 03Reuse existing components in a new screen