Skip to main content

Figma Console MCP

Figma Console MCP is an open-source MCP server that bridges AI assistants to Figma Desktop — enabling design creation, variable management, component instantiation, and more directly from your AI agent.

This guide covers Cloud Mode: connecting via the hosted MCP endpoint at https://figma-console-mcp.southleft.com/mcp, with no Node.js installation required.

For Admins​

Add the integration once for your organization — users can then connect their own Figma Desktop.

  1. Go to https://app.webrix.ai/integrations/new.
  2. Search for Figma Console MCP and click the card.
  3. Click + Use → Create Integration.

That's it. The MCP server is now available to all users in your organization.

For Users​

Prerequisites​

  • Figma Desktop installed (not just the web app)

1. Open a Figma file​

Open Figma Desktop and open the file you want your AI agent to work with.

2. Install the Desktop Bridge plugin​

  1. Download the plugin from https://figma-console-mcp-plugin.webrix.workers.dev and extract the zip.
  2. In Figma Desktop, go to Plugins → Development → Import plugin from manifest...
  3. Navigate to the extracted folder and select manifest.json.

This is a one-time setup. The plugin stays installed in Figma Desktop across sessions.

3. Pair the plugin with your AI agent​

  1. In Figma, go to Plugins → Development → Figma Desktop Bridge to open the plugin.
  2. Click Cloud Mode in the plugin UI — an input field for the pairing code appears.
  3. Tell your AI agent: 
    Connect to my Figma plugin
  4. The agent returns a 6-character pairing code (valid for 5 minutes).
  5. Enter the code in the plugin and click Connect.

Once connected, the plugin shows a confirmation and your AI agent has full write access to the open Figma file.

What you can do​

With Cloud Mode active, your AI agent can:

  • Create and modify frames, components, and layouts
  • Manage design tokens and variables (works on Free, Pro, and Organization plans)
  • Instantiate components from your design system
  • Create stickies, flowcharts, tables, and code blocks on FigJam boards
  • Read file structure, styles, and component data

Notes​

  • The pairing code is single-use and expires after 5 minutes. If it expires before you connect, ask your agent for a new code.
  • Each user gets their own isolated relay — multiple team members can pair simultaneously without interfering with each other.
  • The Figma Console MCP server is published and maintained by Southleft — Webrix connects to it as an external MCP endpoint.