Turn Figma designs into React code and styles.
What it does
Generates React components, design tokens, and exported icons from Figma designs.
When to use it
Use for extracting design tokens, generating code from Figma components, syncing design systems, building plugins, or automating design-to-code workflows.
How to use it
Give it a Figma integration or design-to-code request; it produces implementation code, with a complete pipeline for generating components and token files.
Uses
Latest review
What you need · 1
Reads the Figma API token from the environment and sends it in the X-Figma-Token authentication header.
Access · 1
This skill
Figma
Read
Reads Figma designs and icons