Skip to main content

MCP client tools

Connect Figma to top MCP clients

However you like to code, the Figma MCP server adds Figma context to your favorite agentic tools.

[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop

Want remote server access?

If you’re looking to connect the Figma remote MCP server to your MCP client, you can apply to register your client for remote access.

Dig into Figma MCP

Introducing the Figma MCP server

Bring Figma context directly into the developer workflow to help LLMs achieve design-informed code generation.

Read the article

Crack the design-to-dev code with Dev Mode

The Figma MCP works even harder when you pair it with Dev Mode. Link your codebase using Code Connect for sharper outputs.

Explore Dev Mode

Get the Figma MCP install guide

Learn how to enable the Figma MCP server—either remotely or in the app—add clients, and write strong prompts.

View developer docs