Mimic AI: MCP server that builds production-ready Figma using your design system
If you already use Mimic Ai, the mimic ai mcp server is the piece that lets your assistant work with it directly. Mimic AI: MCP server that builds production-ready Figma using your design system.
AI writing into Figma isn't the hard part anymore; several tools do it now. The differences show up in what happens when the AI reaches for something your design system doesn't have. A tool that steers an agent toward your components can still land on a raw hex value, a raw pixel size, or a font your system doesn't use, and general guidance for that category of tool is that the result may need manual review and cleanup before it's usable. Mimic enforces at write time, inside the Figma plugin itself, not just in the prompt.
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
Majority — wins variant defaults, learned from your own usage patternsComponent — first from experience.** If Mimic has used a Badge component in 3+ builds and you try to build one as a raw frame, it blocks with the component keyUser — defined design rules enforced at point of use and audited in the build reportAuto — layout everywhere.** Every frame resizes correctly. Nothing is manually positionedFirst — build font caching.** Non-Inter DS fonts may fail on the first text node. Retry succeedsClaude — optimized.** The 6-phase protocol and contextual tool hints work best with Claude Code. Other MCP clients get the tools but may not follow the fullBuild — What Mimic knowsOutput — Figma canvas (real layers)Auto-layout — Every frameInstallation goes through your MCP client rather than a global install: point it at mode. on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
Configuration is passed through the environment: FIGMA_TOKEN, FIGMA_ACCESS_TOKEN. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.
Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Mimic Ai's toolset — Majority, Component, User and 6 more — is a fair guide to whether it matches your workflow. It is maintained by miapre; worth a glance at recent repository activity before you build anything load-bearing on it.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| Majority | wins variant defaults, learned from your own usage patterns |
| Component | first from experience.** If Mimic has used a Badge component in 3+ builds and you try to build one as a raw frame, it blocks with the component key and says "use this instead." |
| User | defined design rules enforced at point of use and audited in the build report |
| Auto | layout everywhere.** Every frame resizes correctly. Nothing is manually positioned. |
| First | build font caching.** Non-Inter DS fonts may fail on the first text node. Retry succeeds. |
| Claude | optimized.** The 6-phase protocol and contextual tool hints work best with Claude Code. Other MCP clients get the tools but may not follow the full protocol. |
| Build | What Mimic knows |
| Output | Figma canvas (real layers) |
| Auto-layout | Every frame |
{
"mcpServers": {
"mimic-ai": {
"command": "npx",
"args": ["-y", "@miapre/mimic-ai"]
}
}
}Configuration as documented by the project. Restart the client after saving.
| Variable | Description | Required |
|---|---|---|
| FIGMA_TOKEN | Credential the server authenticates with. | Yes |
| FIGMA_ACCESS_TOKEN | Credential the server authenticates with. | Yes |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.