figma: a Claude Code plugin by Figma
Official
For teams that design in Figma and want Claude to turn frames into code or edit the canvas. Skip it if your designs live somewhere else.
- Score
- 74of 100
- Rank
- #21of 25
- Stars
- 2.2Kon GitHub
- Updated
- 2026
Install
/plugin install figma@claude-plugins-official
Type it in Claude Code. View the source
Figma is also a Claude connector. See that page
What does figma do?
figma is a Claude Code plugin that connects Claude to Figma's remote MCP server at mcp.figma.com and installs a set of skills, such as figma-design-to-code, figma-code-connect, figma-generate-design and figma-use-figjam. Through the server Claude reads design context from a selected frame, including variables, components and layout, and generates code from it. Code Connect maps Figma components to the ones in your codebase so the code reuses them. On the remote server Claude can also create and edit frames, components, variables and auto layout in your files. Read calls are rate limited, and Starter plans or View and Collab seats get six a month.
When should you use figma?
Use it when
- Building a screen from a Figma frame
- Keeping generated code tied to your real components
- Creating or updating designs in Figma from the terminal
Skip it when
- Your designs are not in Figma
- You are on a Starter plan and need frequent calls
What it needs and what it can touch
You need
- A Figma account
- A Dev or Full seat on a paid plan for more than six calls a month
What it can do
- Sends requests to an outside service (Figma)
- Can create and edit content in your Figma files
From reading its instructions, not from running it.
Why it scores 74
Strongest on upkeep (100 of 100), weakest on adoption (58).
Details
- Repository stars
- 2,176
- Last repository change
- License
- Not stated
- Data confidence
- Medium
Did it do the job for you?
figma