PlugWiki

ai.to.design MCP Server: Tools, Setup for Claude Code, Cursor & More

CommunityLocal
Getnpm@ai.to.design/figma-connectori2oland/ai.to.design

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

Downloads
46
a week
Works in
12
apps
Version
1.4.0

Local MCP server for ai.to.design — render AI-generated HTML/CSS as native, editable Figma designs from Claude, Cursor, Codex or any MCP client.

Works in

12 should work

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

Install ai.to.design MCP

Claude Code

  1. 1

    Copy this prompt.

    Add the ai.to.design MCP server to Claude Code. Run this command:

claude mcp add ai-to-design -- npx -y @ai.to.design/figma-connector

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 ai.to.design MCP's tools here yet. After you connect it, ask your assistant "What can you do with ai.to.design MCP?" to see them.

Information

updated Nov 2, 2026

Publisher
Community
Package
@ai.to.design/figma-connector
Registry
npm
Version
1.4.0
License
MIT

WebsiteGitHubnpm

Other Figma MCP servers

See all

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