XClawXCLAW
Back to marketplace
MCP ServersFeatured

Figma

Read designs — turn Figma components and variables into frontend code

Publisher · FigmaVersion · 0.4.0Updated Mar 18, 2026

Connect MCP server

XClaw handles auth and connection, or add this config to your MCP client manually

$ xclaw mcp add figma

Overview

Figma's official Dev Mode MCP. Passes components, variables, and constraints to the Agent so it can produce React/Vue/Tailwind that matches the design.

Features

  • Read components, variants, variables
  • Export design tokens
  • Preserve constraints and auto-layout
  • Layer-level context
  • Aligns with your local codebase

Exposed tools

Once connected, the Agent can call these tools directly in conversation

get_fileget_componentsget_variablesget_stylesexport_assetsget_comments

Related