Connect Claude Code to Figma
For designers and builders who want Claude to read and edit their Figma files: connects Claude Code to Figma's official remote MCP server, signs you in with Figma, and checks that Claude can see your file. Writing to the canvas works only with the remote server. Changes no files.
MCP configDesign and UIVersion: A saved state of a kit. When the author changes it, they share a new version with a higher number, and the old one stays exactly as it was. 0.1.0 (latest)
- Activity
- New: be the first to try it
Will this work for me?
- Effort
- For buildersOur guess from what the kit says it needs.
- Works in
- Claude Code and the desktop appNot in claude.ai chat.
- You need
Claude Code: setup steps
- What it is
- Claude in your terminal or in the desktop app's Code tab. This kit does not work in claude.ai chat.
- Where to get it
- It comes with the Pro, Max, Team, and Enterprise plans, or a Claude Console account. The free plan does not include it. See Claude plans
How this works
- It connects Claude to an outside tool through MCP, so Claude can look things up or take actions there.
- It needs these tools connected to Claude first: figma.
- Nothing runs until you choose to use it, and you can remove it any time.
What it can access
What this kit says it will touch, the same list you see before you add it. These are its Permissions: What a kit is allowed to touch on your computer or accounts, such as reading a folder or using the internet. You see them before you add it.. In Claude Code they become rules, so Claude stops anything not on the list.
MCP tool
Uses the figma MCP server
- Works with
- Claude Code
- License
- MIT
- Needs these connectors
- figma