Figma Context (Framelink) MCP Server: Setup for Cursor, Claude and Other Apps
Not the official Figma MCP server. This one is built by the community. Figma makes its own: Figma MCP Server →
Lets Cursor, Claude Code and other coding assistants read a Figma design and build it in code.
Paste a Figma link into your coding assistant and this server fetches that file, frame or group from Figma. It trims the response to the layout and styling details the assistant needs, so it can write code that matches the design. The project is by Framelink, not by Figma, and it runs on your computer with a Figma personal access token that you create. It collects usage telemetry by default, and you can turn that off with a setting.
Good for
- Developers who turn Figma designs into code with Cursor or Claude Code
- Front-end teams who want layout and style details, not screenshots
- Designers who hand frames to an assistant to prototype
Works in
12 should work
Tap an app to see how to set it up and any known problems.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Client does not support this transport.
Client does not support this transport.
Install Figma-Context MCP
Claude Code
- 1
Copy this prompt.
Add the Figma-Context MCP server to Claude Code. Run this command: claude mcp add figma-context -e FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-developer-mcp --stdio Ask me for FIGMA_API_KEY and only put the values in that config, nowhere else. Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires Node.js.
Read-only mode: Add --skip-image-downloads to the arguments. This removes the only tool that writes files.
Create a Figma personal access token first. The --stdio flag is required: without it the server starts as a web server instead of talking to your app. On Windows, run it as cmd /c npx -y figma-developer-mcp --stdio.
Built from the package data we hold. Not yet tested by us.
Tools
Reads a Figma file or frame and returns its layout, text and styles
Fetches design data for a Figma file, frame or group and trims it to the layout, content, visuals and component details a coding assistant needs. Paste a Figma link and ask for the design to be built.
Try: “Implement the frame at this Figma link as a React component: <figma link>.”
Network ·
get_figma_dataSaves icons and images from a Figma file into your project
Downloads SVG and PNG images for the image or icon nodes you name and saves them inside the server's image folder, which is your current folder unless you set another one.
Try: “Download the logo and icons from this Figma file into public/images.”
Write ·
download_figma_images
Read from the source code
Permissions
medium risk · 3 things to watch · 1 advisory
Medium risk
It reads any Figma file your token can open, and its image tool can save files to your computer. Use the skip-image-downloads option if you only need to read designs.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only modeHow to turn it on
Watch out for
The image tool writes files to your disk
It saves downloaded images inside the server's image folder, which defaults to the folder you started it from. Set an image folder or skip image downloads. github.com
Sends usage telemetry unless you opt out
The code reports tool calls, file size counts, client name and error messages to PostHog. Add --no-telemetry, or set FRAMELINK_TELEMETRY=off or DO_NOT_TRACK, to turn it off. github.com
Your Figma token reaches everything you can see
The token acts as you in Figma. Create it with the narrowest access Figma offers and revoke it if you stop using the server. github.com
Security advisories
Technical details
| Turning on read-only | Start the server with --skip-image-downloads. That leaves only the tool that reads Figma data. |
|---|---|
| Talks to | Figma API. Framelink usage telemetry to PostHog (https://us.i.posthog.com), on by default |
| Sign-in and keys | The Figma token is passed as an environment variable or command-line argument in your client's config file. |
| Data retention | Not documented. |
| Scopes |
|
Questions
Is this the official Figma MCP server?
No. It is a community server from Framelink. Figma has its own separate server. This one runs on your computer and signs in with a personal access token.
Do I need a Figma access token?
Yes. Create a personal access token in your Figma account settings and add it to the config as shown in the install box. An OAuth token also works if you have one.
Why does the setup need a stdio flag?
Without it the server starts as a web server on a port instead of talking to your app. The install box already includes the flag.
Can it change my Figma files?
No tool in the source writes to Figma. One tool reads design data and the other saves images from Figma onto your computer.
Can I turn off telemetry?
Yes. Add the no-telemetry option, or set FRAMELINK_TELEMETRY to off, or set DO_NOT_TRACK. It is on by default.
Does it work with Claude, not just Cursor?
The README is written for Cursor and says it is built for it. It uses the standard local server setup, so other apps that run local servers should be able to use it. Use the install box above.
Is it free?
Yes. The server is open source under the MIT license. You need a Figma account to create the token.
Information
updated Nov 2, 2026
- Publisher
- Community
- Package
figma-developer-mcp- Registry
- npm
- Transport
- stdio
- Auth
- token in env
- Version
- 0.13.2
- License
- MIT
- Last commit
- Oct 27, 2026
- Open issues
- 8
- Listed in
- Official MCP registry
Other Figma MCP servers
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 5Hide
- Figma-Context-MCP README · github.com
- Command-line options · github.com
- Tool registration · github.com
- Telemetry code · github.com
- Image download tool · github.com