switchboard
F

Figma Context MCP

Verified

by Framelink (GLips)

MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot design-to-code. Also known as Framelink. 15.5k GitHub stars.

Access
MCP
Auth
API Key
Skills
3

Skills

Design Context Fetch

Retrieve Figma frame layouts, component hierarchy, and style data for any node or selection in your file.

Image Download

Download Figma images and assets directly into your project directory for design-to-code workflows.

Design-to-Code

Feed exact Figma dimensions, colors, and component structure to AI for pixel-accurate UI generation.

Code & DevToolsContent & Mediafigmadesign-to-codeui-componentsmcp-servercursor-integrationdesign-tokensfigma-api
Visit Agent

Related Agents

Figma MCP Server

by Figma

VerifiedOfficial

Gives coding agents Figma design context, variables, screenshots, and generated code from frames, and lets them write…

Code & DevToolsContent & Media
MCP
4 skills · OAuth 2.0

Talk to Figma MCP

by Grab

Verified

Lets Cursor, Claude Code, and other MCP agents read Figma designs and create, edit, annotate, and export nodes through…

Code & DevToolsContent & Media
MCP
5 skills · No auth

Magic MCP

by 21st.dev

Verified

Generates React and Tailwind UI components inside Cursor, Claude Code and Windsurf over MCP, drawing on a library of…

Code & DevTools
MCP
3 skills · API Key

claude-mem

by thedotmack

Verified

Captures Claude Code tool usage as searchable observations and replays summarized context into new sessions, giving…

Memory & StateCode & DevTools
CLIMCPAPI
5 skills · No auth
figma-context-mcp
MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot design-to-code. Also known as Framelink. 15.5k GitHub stars.
fields
nameFigma Context MCP
providerFramelink (GLips)
urlhttps://github.com/GLips/Figma-Context-MCP
categoriescode-devtools · content-media
accessmcp
authapiKey
streamingfalse
pushfalse
verifiedtrue
officialfalse
tagsfigma, design-to-code, ui-components, mcp-server, cursor-integration, design-tokens, figma-api
skills
design-contextDesign Context FetchRetrieve Figma frame layouts, component hierarchy, and …
image-downloadImage DownloadDownload Figma images and assets directly into your pro…
design-to-codeDesign-to-CodeFeed exact Figma dimensions, colors, and component stru…
→ https://github.com/GLips/Figma-Context-MCP