Figma MCP Server
by figmaofficialv1.0.3
1.1k
98
The Figma MCP server integrates Figma design files into workflows, enabling AI agents to generate code and extract design context directly from Figma. It supports various features like writing to the canvas, generating code from frames, and extracting design variables.
From the registry: The Figma MCP server brings Figma design context directly into your AI workflow.
Install & configure
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `mcp-figma` MCP server into my current AI client (that's you).
Canonical MCP server config (HTTP transport):
- url: `https://mcp.figma.com/mcp`
Note: Official Figma hosted MCP server. Streamable HTTP transport. Authentication via Figma account (browser/OAuth when prompted by the client, e.g. via /mcp auth figma in Gemini CLI). Rate-limited to 6 calls/month on Starter plan.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: Official Figma hosted MCP server. Streamable HTTP transport. Authentication via Figma account (browser/OAuth when prompted by the client, e.g. via /mcp auth figma in Gemini CLI). Rate-limited to 6 calls/month on Starter plan.
Tools (11)
get_design_context
Retrieves design context for a selected Figma frame.
generate_figma_design
Captures and converts web pages into Figma designs.
get_variable_defs
Returns variables and styles used in a Figma selection.
get_code_connect_map
Retrieves mappings between Figma node IDs and corresponding code components.
add_code_connect_map
Creates mappings between Figma node IDs and code components.
get_code_connect_suggestions
Suggests Code Connect mappings between Figma components and code components.
send_code_connect_mappings
Confirms and finalizes Code Connect mappings.
get_screenshot
Takes a screenshot of the selected Figma design.
create_design_system_rules
Creates rules for agents to generate front-end code aligned with design systems.
get_metadata
Returns XML representation of the selection's basic properties.
get_figjam
Returns metadata for FigJam diagrams.
Remote Endpoints
https://mcp.figma.com/mcp
type: streamable-http
Details
- Language
- JavaScript
- Released
- Oct 16, 2025
- Last commit
- Apr 10, 2026
- Registry name
- com.figma.mcp/mcp