Loomal

figma-ui-mcp

MCP server by github.com/tranhoaihung/figma-ui-mcp

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

208 starsnpm: figma-ui-mcp

About figma-ui-mcp

figma-ui-mcp is an MCP (Model Context Protocol) server published by tranhoaihung in the official MCP registry, listed under Design Tools on Loomal. Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

It ships as an npm package (figma-ui-mcp), so any MCP client that can launch a local process can run it.

Development happens in the open at github.com/tranhoaihung/figma-ui-mcp, where the project has earned 208 GitHub stars.

Use figma-ui-mcp with your agent

Claude Code · one command
claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp
Claude Desktop, Cursor & other MCP clients · config
{
  "mcpServers": {
    "figma-ui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-ui-mcp"
      ]
    }
  }
}
npmfigma-ui-mcp

Frequently asked questions

What is figma-ui-mcp?
figma-ui-mcp is an MCP (Model Context Protocol) server by tranhoaihung in the Design Tools category. Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
How do I connect figma-ui-mcp to Claude, Cursor, or another MCP client?
Install figma-ui-mcp from its npm package (figma-ui-mcp) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.
Is figma-ui-mcp open source?
Yes — the source code is public at github.com/tranhoaihung/figma-ui-mcp, with 208 GitHub stars.
Can AI agents pay to use figma-ui-mcp?
Not yet through Loomal — figma-ui-mcp is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.

More Design Tools MCP servers

Figma-Context-MCP

15.1k

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

TypeUI

1.1k

Design systems, UI prompts, and layout variations for AI coding tools.

Network Sketcher (Local MCP)

365

AI-native MCP server to design and manage Cisco network diagrams (L1/L2/L3, PPT/SVG) from LLMs.

plumb-mcp

60

Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan.

illustrator-mcp-server

44

Read, manipulate, and export Adobe Illustrator design data. 26 tools. macOS | Windows.

flowbite-mcp

36

MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

Browse the full MCP server directory

Listing data from the official MCP registry and GitHub, refreshed periodically. Not affiliated with the maintainer unless claimed. Maintain figma-ui-mcp? Claim this listing free by verifying GitHub ownership, or contact us.