Skip to content

ConnectorPaidIntermediate

Figma MCP Server

Lets your AI agent turn Figma designs into code and create designs in your Figma files

View original on GitHub

Install request

Your browser blocked copying. Select the text and copy it yourself.

Paste this into your AI agent (Claude Code, Codex or similar). It asks the agent to read the files and wait for your OK before installing.

The Figma logo
Logo: Figma. Original file

What it does

Figma MCP Server is Figma's hosted connector for AI agents. You paste a link to a frame or layer, and your agent pulls the layout, components and variables to write matching code; it can also create and edit frames and components on the Figma canvas. Full daily use needs a Dev or Full seat on a paid Figma plan; the free Starter plan allows only a few tool calls a month. It suits designers and developers who hand designs off to code.

It gives the agent the real structure of a design, including your components and variables, instead of guessing from a screenshot.

Before you start

  • An AI agent that supports MCP, such as Claude Code, Codex or Cursor.
  • A Figma account; regular use needs a Dev or Full seat
  • A link to the Figma frame or layer you want the agent to work on
  • Free option: The free Starter plan allows only a few tool calls per month
  • It connects to the internet. Your agent will show you what before installing.

How to start

  1. Paste the install requestIt asks your agent to read the official instructions, tell you what it will connect to and wait for your OK.
  2. Sign up and choose a planCreate an account or sign in, then compare the official plans.
  3. Give it a first taskDescribe what you want in your own words, and check the first result before relying on it.

Steps follow the creator's instructions.

Stuck setting it up?

Tell us what happened. We confirm scope and price before any paid work.

Get help
View original

Install request

Your browser blocked copying. Select the text and copy it yourself.

Paste this into your AI agent (Claude Code, Codex or similar). It asks the agent to read the files and wait for your OK before installing.