NewsletterSubmit a tool

Official · by figma

Figma MCP server

The Figma MCP server lets AI assistants draw design details from Figma files to aid in producing code from designs.

  • Hosted (remote)
  • Verified against its source 19 Oct 2026
View source

What the Figma MCP server does

The Figma MCP server supplies AI agents with the design information required to produce code from Figma files. Its tools can return a React and Tailwind structured version of a Figma selection, pull out the variables and styles applied within it, and upload generated images so they are applied to the design. It links straight to Figma's hosted address at https://mcp.figma.com/mcp.

Tools it gives your assistant

3 tools or toolsets, as its documentation lists them.

  • get_design_context Returns structured React + Tailwind representation of a Figma selection
  • get_variable_defs Extracts variables and styles used in a selection
  • upload_assets Uploads generated images and applies them to the design

How to install it

Hosted server

Add this address to your assistant's MCP settings:

https://mcp.figma.com/mcp

What you need

In the figma documentation's own words:

  • “Users on the Starter plan or with View or Collab seats on paid plans will be limited to up to 6 tool calls per month”
  • “You must have GitHub Copilot (https://github.com/features/copilot) enabled on your account to use MCP in VS Code”

Commands and settings change between versions. Check the official instructions before you install.