Figma MCP
UpFigma MCP is Figma's official MCP server: 24 tools (get_design_context, get_screenshot, get_code, get_variable_defs, use_figma) hand an agent a frame's design context — code, screenshot, variables — and, in beta, let it write to the canvas. It runs via mcp.figma.com and locally at 127.0.0.1:3845. A community alternative, Framelink, has 15.5k stars.
Why this server
- get_code turns a selected Figma frame straight into a ready-made markup component
- get_variable_defs pulls design-system variables — colors, spacing, typography
- use_figma in beta mode can also write changes back to the canvas
- 24 tools work both through the mcp.figma.com cloud and locally inside the Figma app
Usage examples
Prompt: Build a React product-card component from this Figma frame
Result: get_design_context and get_code returned the frame's structure and markup — the agent built the component with matching spacing and colors.
Prompt: Check whether this screen uses design-system colors, and send a screenshot
Result: get_variable_defs checked the colors against the theme's variables, and get_screenshot sent an image of the screen for a final check.
Health
1 reports in the last 30 days · Last report: 25 Jul 2026
Reports by day (30 days)
| date | works | partial | broken |
|---|---|---|---|
| 2026-07-25 | 1 | 0 | 0 |
Reviews
No reviews yet.