Figma

Design and Creative · by Figma · Verified

Connector Generate diagrams and better code from Figma context

Install

In Claude, open Settings, then Connectors.
Find Figma in the directory, or choose Add custom connector and paste the URL below.
Sign in to Figma and review what it asks to reach.

Connector URL

https://mcp.figma.com/mcp

Claude Code

claude mcp add --transport http figma https://mcp.figma.com/mcp

Run in a terminal, then run /mcp in Claude Code to sign in.

Add in Claude Open on claude.com

About

The Figma MCP server helps you pull in Figma context and generate high-quality code that aligns with your codebase and design intent. Use the MCP server to retrieve code resources from Figma Design or Make files, and turn your ideas into production apps.

**Key features:**

• **Generate code from selected frames or nodes** - Select a frame in Figma or provide a node URL to have an AI agent turn your design into code.

• **Extract design context from layers** - Pull out variables, components, and layouts from a design to ensure builds adhere to design patterns.

• **Code smarter with Code Connect** - Boost output quality by reusing your actual components, the MCP server informs AI agents about existing components derived from Code Connect information.

• **Map your flows with diagrams** - The Figma MCP server can turn your Claude prompts into flow charts, Gantt charts, or other diagrams in FigJam.

**Note:** The get_screenshot tool is currently limited to returning a descripton of screenshots in Figma when called in Claude and Claude Code. See developer term [here](https://www.figma.com/legal/developer-terms/)

Tools

generate_diagram
get_design_context
get_screenshot
get_metadata
create_design_system_rules
get_variable_defs
get_code_connect_map
get_figjam
whoami

9 tools. The maker decides what the tools do and can change them. Add connectors only from makers you trust.

From the maker

Facts

Kind: Connector
Category: Design and Creative
Made by: Figma
Runs: Remote server
Works in: Claude, Claude API, Claude Code
Sign-in: Required
Interactive UI: Yes
Added: 2025-11-12
Source: Verified