PlugWiki
figma-ui-mcp logo

figma-ui MCP Server: Tools, Setup for Claude Code, Cursor & More

CommunityLocal
Getnpmfigma-ui-mcptranhoaihung/figma-ui-mcp

Not the official Figma MCP server. This one is built by the community. Figma makes its own: Figma MCP Server →

Stars
266
on GitHub
Downloads
140
a week
Works in
12
apps
Version
2.5.30
last commit Oct 2026

AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data. Works with Claude Code, Cursor, VS Code, and Windsurf. No API KEY required.

Works in

12 should work

Tap an app to see how to set it up and any known problems.

Install figma-ui MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the figma-ui MCP server to Claude Code. Run this command:

claude mcp add figma-ui -- npx -y figma-ui-mcp

Then check that it loaded and tell me if I need to sign in or restart.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

Built from the package data we hold. Not yet tested by us.

Tools

We don't list figma-ui MCP's tools here yet. After you connect it, ask your assistant "What can you do with figma-ui MCP?" to see them.

Security advisories

none published

No published security advisories as of Nov 1, 2026.

Information

updated Nov 2, 2026

Publisher
Community
Package
figma-ui-mcp
Registry
npm
Transport
stdio
Version
2.5.30
License
MIT
Last commit
Oct 26, 2026
Open issues
1
Listed in
Official MCP registry

GitHubnpmOfficial MCP RegistryChangelogIssues

Other Figma MCP servers

See all

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.