TC
ToolCompared
MCP Server

Figma MCP MCP Server

by Figma

Read frames and components and convert designs to code.

OfficialTypeScriptDesign Tools
Documentation

About Figma MCP

Figma MCP exposes file and frame data, allowing agents to inspect components, extract design tokens, and generate frontend code aligned with Figma sources.

Tags

designcomponentstokens

How to install Figma MCP

We have not yet verified this server's install command. Use the setup instructions in the vendor documentation rather than a guessed package name.

Related MCP servers in Design Tools

Canva MCP
Canva

Generate, edit, and export Canva designs from chat.

Magic
21st.dev

Generate UI components from natural language inside your IDE.

Penpot
Penpot

Open-source design and prototyping platform with native MCP.

Figma Context
Framelink

Simplified Figma layout data for AI coding agents.

← Back to MCP directory