Figma MCP
Let agents read your Figma design files while they implement UI work.
Figma MCP lets agents pull layout, styles, and other design context straight from your Figma files. Give agents a Figma link in a ticket, and they can build UI that matches the design instead of guessing.
What agents can do
With Figma MCP enabled, agents can:
- Read frames, components, and layers from a Figma file
- Inspect layout, spacing, colors, and typography
- Use design context to implement or update UI
Setup
Figma MCP is enabled per project, but each teammate connects their own Figma token. That way, agents use the design access of whoever they're working with.
- Go to Project Settings -> Skills and MCPs.
- Enable Figma.
- Each workspace member adds their own Figma personal access token in Personal Settings.
To create a token, go to Figma settings and generate a personal access token. Read access to file content is enough.
Your token is stored encrypted, saved only to your membership in the workspace, and passed to agents only when a project enables Figma MCP.
Whose token gets used
Agents use the Figma token of the person a run belongs to, not the person viewing it:
- For an implementation you launch, agents use your token.
- For runs started automatically — such as from an automation, Slack, GitHub, or email triage — agents use the token of the person who created the ticket.
Your token is never used for a teammate's runs, and theirs is never used for yours. If the relevant person hasn't added a Figma token, the run simply proceeds without Figma access.
When to use it
Ask agents to use Figma when a ticket involves building or updating UI from a design. Include the Figma file or frame link in the ticket so the agent knows what to read.