switchboard
F

Figma MCP Server

by Figma

Gives coding agents Figma design context, variables, screenshots, and generated code from frames, and lets them write frames and components back to the canvas via remote or desktop MCP.

4
Skills
OAuth 2.0
Auth
No
Streaming
No
Push

Skills

Get Design Context

Returns a structured React and Tailwind representation of a Figma frame or layer that agents adapt to any framework.

Extract Design Variables

Pulls the color, spacing, and typography variables and styles used in a selection so generated code references tokens.

Frame Screenshots

Captures a screenshot of the selected node so agents can compare their implementation against the original design.

Write to Canvas

Creates and edits native Figma frames, components, variables, and auto layout from an MCP client (remote server only).

Code & DevToolsContent & Mediafigmaofficial-mcpremote-mcpdesign-to-codedesign-systemscode-connectdev-mode
Visit Agent

Related Agents

F

Figma Context MCP

MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot desig…

Code & DevToolsContent & Media
MCP
3 skillsAPI Key
W

Webflow MCP Server

Official Webflow MCP server for reading and updating site content, CMS collections, and page structure from an AI agent.

Content & MediaCode & DevTools
MCPAPI
0 skillsOAuth 2.0
A

AgentOps for Apify Builders Bundle

Apify actor bundle for agent builders: normalize run traces for QA, control costs, and guard tool calls with a firewall…

Infrastructure & OpsCode & DevTools
API
3 skillsAPI Key
G

Goldie

Generates App Store and Google Play screenshots and preview videos by replaying app flows on a simulator, framing the c…

Code & DevToolsContent & Media
CLI
3 skillsNone
figma-mcp-server
Gives coding agents Figma design context, variables, screenshots, and generated code from frames, and lets them write frames and components back to the canvas via remote or desktop MCP.
fields
nameFigma MCP Server
providerFigma
urlhttps://developers.figma.com/docs/figma-mcp-server/
categoriescode-devtools · content-media
accessmcp
authoauth2
streamingfalse
pushfalse
verifiedtrue
tagsfigma, official-mcp, remote-mcp, design-to-code, design-systems, code-connect, dev-mode
skills
get-design-contextGet Design ContextReturns a structured React and Tailwind representation …
get-variable-defsExtract Design VariablesPulls the color, spacing, and typography variables and …
get-screenshotFrame ScreenshotsCaptures a screenshot of the selected node so agents ca…
use-figmaWrite to CanvasCreates and edits native Figma frames, components, vari…
→ https://developers.figma.com/docs/figma-mcp-server/