Claude MarketplacesSubmit
tranhoaihung avatar

Figma Ui Mcp

tranhoaihung/figma-ui-mcp

This is a localhost bridge that lets Claude and other MCP clients draw and read Figma designs without an API key. It spins up an HTTP server on port 38451 that the bundled Figma Desktop plugin polls for commands. You get `figma_write` to create frames, text, shapes, and prototypes with JavaScript-style calls, `figma_read` to pull back node trees, resolved color variables, component instances with variant labels, and CSS snippets, and `figma_rules` to export your entire design system as a token sheet. The read side now resolves variable bindings and style references inline, so you see hex values and font names instead of IDs. Requires Figma Desktop because the web app blocks localhost. Useful when you want Claude to scaffold UI directly on canvas or generate React code from live designs without copy-paste.

GitHub stars
266
tools
5
transport
STDIO
last updated
Oct 26, 2026
View on GitHub

Tools

5 tools

Public tool metadata for what this MCP can expose to an agent.

figma_writeDraw frames, shapes, text, prototypes via JS code

Draw frames, shapes, text, prototypes via JS code

No parameter schema in public metadata yet.

figma_readExtract node trees, colors, typography, screenshots

Extract node trees, colors, typography, screenshots

No parameter schema in public metadata yet.

figma_statusCheck plugin connection + active sessions

Check plugin connection + active sessions

No parameter schema in public metadata yet.

figma_docsGet full API reference + examples

Get full API reference + examples

No parameter schema in public metadata yet.

figma_rulesGenerate design system rule sheet — tokens, typography, components

Generate design system rule sheet — tokens, typography, components

No parameter schema in public metadata yet.

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Readme

figma-ui-mcp

figma-ui-mcp — Claude Code to Figma, AI to Figma, MCP Figma Bridge

npm version MCP Registry License: MIT GitHub stars MCPVault: claimed

Claude Code to Figma · Antigravity to Figma · Cursor to Figma · Any MCP IDE to Figma

View the full README on GitHub

Details

Repository
github.com/tranhoaihung/figma-ui-mcp
Category
Design & Creative
Package
figma-ui-mcp
Transport
STDIO
Registry
MCP registry, active

Related Design & Creative MCP servers

View all
1tugcantopaloglu avatarGodot MCPtugcantopaloglu/godot-mcpMCP server for full Godot 4.x engine control with 165 tools for AI-driven game development259stars
2ie3jp avatarIllustrator Mcp Serverie3jp/illustrator-mcp-serverAdobe Illustrator MCP with 68 tools — more than the official Illustrator MCP. macOS | Windows.220stars
3n24q02m avatarBetter Godot Mcpn24q02m/better-godot-mcpComposite MCP server for Godot Engine -- 17 composite tools for AI-assisted game development.36stars
4pixelx-jp avatarPlateau Creative Mcppixelx-jp/plateau-creative-mcpPLATEAU 3D city data as scene-editing and glTF export tools for creative LLM agents.29stars
5ludo-ai avatarLudo AI Game Assetsludo-ai/ludo-mcpGenerate game assets with AI: sprites, animations, 3D models with rigging, video, music, SFX, voices8stars
6compassalessandrolorenz avatarFigma Context Mcp Aircompassalessandrolorenz/figma-context-mcp-airFigma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam.1stars