Figma Context Mcp
Framelink MCP for Figma provides AI coding agents access to Figma design data through the Model Context Protocol, enabling them to fetch and parse design metadata directly from Figma files, frames, and groups. The server simplifies Figma API responses by extracting only relevant layout and styling information, reducing context noise to improve AI accuracy when implementing designs. This integration allows tools like Cursor to generate code implementations of UI designs in a single pass by accessing structured design data instead of relying on screenshots.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 12
- GitHub stars
- 16.2K
- tools
- 2
- auth
- Secret needed
- transport
- STDIO
- env var
- 1
- last updated
- Jun 18, 2026
Install
From registry metadata$ npx add-mcp 'npx -y figma-developer-mcp --stdio' --name figma-context-mcp --env 'FIGMA_API_KEY=${FIGMA_API_KEY}'Run in your terminal. add-mcp asks which agents to add it to, then asks for each value it needs. Add -g to install it for every project.
Review the command, arguments and environment values before installing. MCP servers run with your local permissions.
Other ways
Claude Code
$ claude mcp add figma-context-mcp --env FIGMA_API_KEY=YOUR_FIGMA_API_KEY -- npx -y figma-developer-mcp --stdioRun in your terminal. Replace YOUR_* placeholders with real values; add --scope user to install for every project.
Tools
Verified live · 2 toolsVerified live against the running server on Jun 10, 2026.
get_figma_dataGet comprehensive Figma file data including layout, content, visuals, and component information3 params
Get comprehensive Figma file data including layout, content, visuals, and component information
depthnumberfileKey*stringnodeIdstringdownload_figma_imagesDownload SVG and PNG images used in a Figma file based on the IDs of image or icon nodes. Images will be saved relative to the server's image directory: /Users/duzgundev/code/vinena-studio/claudemarketplaces.com.feat-directory-quality4 params
Download SVG and PNG images used in a Figma file based on the IDs of image or icon nodes. Images will be saved relative to the server's image directory: /Users/duzgundev/code/vinena-studio/claudemarketplaces.com.feat-directory-quality
fileKey*stringlocalPath*stringnodes*arraypngScalenumberSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageConfiguration
FIGMA_API_KEY*secretYour Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens
Readme
Details
- Repository
- github.com/glips/figma-context-mcp
- Categories
- AI & LLM Tools, Design & Creative, Data & Analytics
- Package
figma-developer-mcp- Transport
- STDIO
- Auth
- Required
- Registry
- MCP registry, active
- Tools verified
- Jun 10, 2026
Related AI & LLM Tools MCP servers
View all
Actionbookactionbook/actionbookLet your AI agent operate any website through a real, logged-in browser session.1.6Kstars
Minutessilverstein/minutesThe private, owned conversation-memory layer for AI. Record, transcribe, and search every meeting.1.6Kstars
Deja Vuvshulcz/deja-vudeja-vu: local memory over the session histories of forty-three coding agents.1.5Kstars
Pm Claude Skillsmohitagw15856/pm-claude-skills1310 professional Agent Skills + workflow recipes — searchable & fetchable over MCP.1.5Kstars
Commonlyteam-commonly/commonlyRead Commonly pods and post as a Commonly agent you create, with a token from your Commonly account.1.4Kstars
Claude Codesteipete/claude-code-mcpClaude Code as one-shot MCP server to have an agent in your agent.1.3Kstars