Connect Figma to Claude Code
To use Figma in Claude Code, connect your Figma account in Manyplug and add Manyplug to Claude Code once. Claude Code then gets 8 Figma tools, for example: “Team projects”, “Project files”, and “Get a file”. It takes about 3 minutes and works on the free plan.
Connect Figma Free plan, no card
1. Connect Figma in Manyplug
Click “Connect Figma” and paste the key or app password into Manyplug’s form:
Your Figma personal access token. Takes under a minute.
- In Figma, click your name at the top left → Settings → the Security tab.Open Figma
- Under Personal access tokens, click Generate new token and allow File content: Read and Comments: Read and write.
- Copy the token (it starts with figd_) and paste it into the form.
- The token sees the same files as you and acts as you.
- Figma tokens expire: make a new one when it does.
2. Add Manyplug to Claude Code
Terminal, VS Code and JetBrains.
- Run the command in a terminal.
claude mcp add --transport http --scope user manyplug https://manyplug.com/mcp - Start claude, type /mcp, pick manyplug and sign in in the browser.
3. Ask Claude Code
- Which pages and frames are in the Figma file at this link?
- Export the home screen from the mockup as PNG.
- Which comments in the landing page design are still unresolved?
- Comment on the “Checkout” frame: “The button should be orange.”
What Claude Code can do in Figma
Each action can be turned off per account, and changes can wait for your OK.
| Action | Access |
|---|---|
| Team projects Projects of a team by its id. | Reads |
| Project files Files with their keys and last change. | Reads |
| Get a file Pages and frames of a file. | Reads |
| Get nodes Chosen frames and components with text and styles. | Reads |
| Export images PNG, JPG, SVG or PDF download links. | Reads |
| Comments Comments of a file and their status. | Reads |
| Add a comment A comment on a file or a reply to another. | Makes changes |
| Comment on a frame A comment pinned to a frame. | Makes changes |
Questions
Can I connect two Figma accounts to Claude Code?
Yes. Connect each one in Manyplug under its own name, for example Work and Personal. Claude Code can use one of them or all at once.
Will Claude Code change anything in Figma without asking?
Changes follow your rules: you can make every change in Figma wait for your approval, or let Claude Code only read.
Do I need an official Figma MCP server for this?
No. Manyplug connects to Figma itself with a key or app password you paste into its form, and gives Claude Code the tools through one MCP address, together with your other services.
Is it free to connect Claude Code to Manyplug?
Yes. New workspaces get 14 days of Pro free, then the free plan keeps going with 150 actions a month and up to 3 connected accounts. No card needed. Paid plans start at $5 a month.
Does Claude Code see my passwords or API keys?
No. Keys are entered on Manyplug’s own pages, stored encrypted with a separate key per account, and the AI only receives tool results.
More services for Claude Code
AirtableAsanaBitbucketBrevoCal.comCalendlyClickUpCloudflareConfluenceEmail (IMAP/SMTP)FreshdeskGitHubGitLabGmailGoogle CalendarGoogle DriveGoogle SheetsHTTP APIHubSpotIntercomJiraLinearMailchimpmonday.comNotionPipedriveSentrySlackStripeTelegramTodoistTrelloTypeformVercelWebflowWhatsAppWordPressZendesk