Build and check your Figma designs with code.
What it does
Guides inspection and editing of Figma designs through incremental JavaScript changes with structural and visual checks.
When to use it
Load before every use_figma call for writes or programmatic reads requiring JavaScript in a Figma file.
How to use it
It changes how the agent inspects and edits Figma files by requiring incremental operations and validation between changes.
Uses
Good to know
- cannot be undone: Figma
- acts without asking
Latest review
What you need · 2
Requires the Figma MCP server, configured with the streamable HTTP endpoint https://mcp.figma.com/mcp.
Must also be loaded when building or updating a full page, screen, or multi-section layout from code; it supplies the screen-building workflow.
Access · 2
This skill
Figma
Write
Changes your Figma designs (irreversible)
use_figma
Execute
JavaScript in Figma