Turn Figma designs into specs developers can use.
What it does
Turns Figma designs into visual specifications, design tokens, and component details for planning and development.
When to use it
Use when given a Figma link, a screenshot identified as Figma, or a request to analyze designs, extract specifications, or create a PRD from Figma.
How to use it
Give it a Figma design to analyze; it creates a visual specification document in the project's docs directory by default.
Uses
What you need · 4
Requires a host-exposed Figma MCP server or plugin capable of reading file or page metadata and node details, plus component and style information when available.
The README requires a Figma access token with appropriate permissions and directs the user to set it in the environment.
Triggers background learning of design patterns after completion; whether this other skill is required to complete the workflow is unstated.
Access · 1
This skill
Figma
Reads your Figma design