Build Figma screens with your design system.
What it does
Creates or updates Figma screens from code or descriptions using existing design-system components, variables, and styles.
When to use it
Use when the user wants to build or update a full page, screen, or view in Figma from code or a description.
How to use it
Give it a target Figma file and a screen described in words or code; it creates or updates the screen using design-system instances.
What you provide
- the target Figma file
Uses
Good to know
- cannot be undone: Figma
Latest review
What you need · 3
Requires a connected Figma MCP server.
The target file must have a published design system with components or access to a team library.
Must be loaded before any use_figma call because its scripting rules apply throughout this workflow.
Access · 1
This skill
Figma
Write
Creates and edits Figma screens (irreversible)