skills.rest
reason-machines
reason-machinesOFFICIAL
Explore all skills by this author →
Website𝕏@reasonmachinesGitHub

figma-mcp-go

Automates Figma design creation, modification, and export through an MCP plugin bridge.

7|2|Updated May 16, 2026
Search Tags:#components#MCP#figma#prototyping#design tokens#ai editor#design automation
One-click install
npx skills add https://github.com/reason-machines/mcp-skills --skill figma-mcp-go-reason-machines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-mcp-go
Source: https://github.com/reason-machines/mcp-skills/tree/main/skills/figma-mcp-go
Command: npx skills add https://github.com/reason-machines/mcp-skills --skill figma-mcp-go-reason-machines

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @vkhanhqui/figma-mcp-go.

What problem does it solve? Figma's REST API imposes strict rate limits (as low as 6 calls per month on free plans) and requires API tokens, making programmatic design automation impractical. This Skill connects AI editors like Claude, Cursor, and GitHub Copilot directly to live Figma files through a plugin bridge, enabling full read/write access without tokens or rate limits. ## Core Features & Use Cases - 73 MCP Tools for Full CRUD: Create frames, text, components, styles, and variables; modify fills, strokes, and layout; search and batch-update nodes across pages. - Bidirectional Design Access: Read design context with depth and detail controls, then write changes back to the live file, including prototype reactions and component swaps. - Export Capabilities: Capture screenshots, save images to disk, export frames to PDF, and generate design tokens as JSON or CSS. - Use Case: Ask your AI editor to build a design system from scratch: create color variable collections with light/dark modes, bind variables to component fills, generate button components with auto-layout, and export the tokens as JSON for your codebase. ## Quick Start Install the Figma plugin from the release ZIP, register the MCP server with your AI editor using npx @vkhanhqui/figma-mcp-go, then ask the AI to create a frame with auto-layout and text in the currently open Figma file.

Frequently Asked Questions about figma-mcp-go

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I control Figma from Claude or Cursor?▼

Register figma-mcp-go as an MCP server in your editor using npx -y @vkhanhqui/figma-mcp-go, then install the companion Figma plugin from the release ZIP. Keep the plugin running in your Figma file and the AI can call 73 tools to read and modify designs.

How to automate Figma without API rate limits?▼

Use a plugin-bridge MCP server like figma-mcp-go instead of the Figma REST API. It communicates through a Figma Desktop plugin, so no API token is needed and the free plan's 6-calls-per-month REST limit does not apply.

Does figma-mcp-go work with Figma web?▼

No, it requires Figma Desktop because the companion plugin must be imported via the Development menu and stay open in the file. The web version of Figma does not support this local plugin bridge connection.

Can I export Figma designs to code or design tokens?▼

Yes, the export_tokens tool returns design tokens from variables and paint styles in JSON or CSS format. You can also capture node screenshots, save them to disk, and export multiple frames to a single PDF.

Why is the Figma MCP plugin not connecting?▼

Connection failures usually mean Figma Desktop is not running or the plugin is not active in the current file. Restart the plugin if it has been idle, and verify node IDs with get_document or search_nodes when tools return errors.

Related Skills

Explore More Design & Creative Skills→
dadafingerdadafinger

planning-figma

Creates new three-section Figma frames from product spec HTML or markdown documents.

Community
Advanced
modu-aimodu-ai
1.2k

moai-design-tools

Integrates Figma MCP and Pencil MCP to convert designs into React and Tailwind code.

Official
Advanced
IsKenKenYaIsKenKenYa
35

ui-visual-validator

Analyze screenshots to validate UI modifications against design mockups and WCAG guidelines.

Community
Advanced
AradotsoAradotso
7

figma-mcp-go

Perform CRUD operations on Figma designs via an MCP server plugin bridge.

Official
Advanced