# Figma — MCP Server

> Read design files, inspect components and extract assets with an AI agent.

**Source:** https://mcpplaygroundonline.com/mcp-servers/figma  
**Transport:** http  
**Requires auth:** Yes

---

## What it does

Figma's MCP integration connects through the Figma desktop app, exposing your open design files as structured MCP tool results. Models can read frame hierarchies, inspect component properties and variants, extract colour and typography tokens, list auto-layout constraints, and retrieve asset export URLs. It is designed for developer handoff workflows: instead of a designer writing specs manually, an AI agent can read the Figma file and answer "what font size does the H2 use?" or "list all the components in the Card library." Requires the Figma desktop app and a personal access token.

## Tools exposed

- get_file — read the full node tree of an open Figma file
- get_node — inspect a single frame, component or group by ID
- get_styles — list all colour, text and effect styles in the file
- get_components — enumerate published components and their variants
- get_variables — read design tokens (colour, spacing, typography variables)
- get_image — export a frame or node as PNG/SVG

## Example queries you can run

- "List all the colour styles in this file and their hex values."
- "Describe the layout and spacing of the "Card — Product" component."
- "What font families and sizes are used across the design system?"
- "Export the "Hero" frame as an SVG and tell me its dimensions."

## Details

- **Recommended model:** anthropic/claude-sonnet-4.5 — Claude Sonnet 4.5 excels at structured design-token extraction and component description. Use Opus 4.7 for complex multi-screen layout reasoning.
- **Transport:** http
- **Authentication:** Required — Browser-based OAuth via Figma. No personal access token needed — authenticate through your Figma account in the browser.
- **Hosted endpoint:** https://mcp.figma.com/mcp
- **Official source:** [Figma MCP Server — official guide](https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server)

## Frequently asked questions

### What is the Figma MCP server?

It is an official Figma integration that exposes your open design files as MCP tools. AI models can read frame layouts, component specs, design tokens and exported assets through a natural language conversation — no more copy-pasting specs from Dev Mode.

### Do I need Figma Professional or Organisation to use it?

Dev Mode (where the MCP runs) is available on Figma Professional, Organisation and Enterprise plans. It is not available on the free Starter plan.

### Does the Figma MCP server need the desktop app?

No. The hosted endpoint at mcp.figma.com/mcp is fully cloud-based. Just authenticate via browser OAuth and connect — no desktop app or local setup required.

### What can an AI agent do with the Figma MCP server?

It can read file structure, inspect components and variants, extract design tokens, describe layouts, and retrieve exported images. It cannot yet create or edit Figma files — it is a read-oriented integration focused on developer handoff.

### Is it safe to connect my Figma account?

Yes. Authentication uses browser-based OAuth — you log in through Figma's own login page and grant access, so no credentials are shared with MCP Playground. You can revoke access at any time from your Figma account settings.

---

_Test this server across 40+ models on MCP Playground: https://mcpplaygroundonline.com/mcp-servers/figma — free, no install._