switchboard
F

Figma Context MCP

by GLips

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

3
Skills
API Key
Auth
No
Streaming
No
Push

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

A

AgentMail

Featured

Email inbox API built for AI agents. Create, send, receive, search, and manage email programmatically with SDKs for Pyt…

Infrastructure & OpsCode & DevTools
APIMCPCLI
6 skillsAPI Key
C

Claude MCP

Featured

Anthropic's Model Context Protocol — open standard for connecting AI models to tools, data sources, and services with u…

Infrastructure & OpsCode & DevTools
APIMCPCLI
0 skillsAPI Key
V

Vercel AI SDK

Featured

TypeScript toolkit for building AI applications with React Server Components, streaming, tool calling, and multi-provid…

Infrastructure & OpsCode & DevTools
APIMCP
0 skillsAPI Key
C

CrewAI

Multi-agent orchestration framework for building teams of AI agents that collaborate, delegate, and solve complex tasks…

Infrastructure & OpsCode & DevTools
APIMCPCLI
0 skillsAPI Key
figma-context-mcp
MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot design-to-code. 14k GitHub stars.
fields
nameFigma Context MCP
providerGLips
urlhttps://github.com/GLips/Figma-Context-MCP
categoriescode-devtools · content-media
accessmcp
authapiKey
streamingfalse
pushfalse
verifiedtrue
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