figma-ui MCP server

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

Design, images and media ★ 261 GitHub starsv2.5.26Updated May 26, 2026

Install

npm (stdio)npx -y figma-ui-mcp

JSON for apps that use an mcpServers block (Claude Desktop, Cursor and others):

{"mcpServers": {
  "figma-ui-mcp": {
    "command": "npx",
    "args": ["-y", "figma-ui-mcp"]
  }
}}

From the server's registry entry. Many servers also need an API key or other settings: check the repository's README before you run it.

About this server

Registry name	`io.github.TranHoaiHung/figma-ui-mcp`
Repository	github.com/TranHoaiHung/figma-ui-mcp
Packages	npm `figma-ui-mcp`
In the registry since	May 26, 2026
GitHub stars	261

Listed from the official MCP Registry. We have not reviewed or tested this server; a local server runs code on your machine, so read the repository first.

Use it with

AI agents whose docs say they support MCP.

OpenAI Codex Claude Code LangChain Pi OpenCode Cursor GitHub Copilot LangGraph AI SDK Strands Agents Lovable Replit Agent

Similar design, images and media servers

All design, images and media servers →

tldraw★ 50.8K Draw and visually collaborate with your agents on tldraw's canvas. screenpipe★ 21.9K Search your local screen recordings, audio transcripts, and computer activity from screenpipe. FunASR★ 20.6K Transcribe local audio with FunASR and SenseVoice using private, on-device inference. Figma-Context-MCP★ 16K Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Agent-Native Assets★ 7,084 Digital asset manager - upload, organize, search, and generate on-brand images and videos FFmpeg★ 5,180 Trim, convert, resize, compress, and remix audio and video.