MCP.so
登录

Mimic Ai

@miapre

代码仓库主页

关于 Mimic Ai

The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.

#figma#design-system#mcp#design-tokens#html-to-figma#auto-layout#components#ai-design#open-source#figma-plugin

基本信息

分类

媒体与设计

许可证

MIT

运行时

node

传输方式

stdio

发布者

miapre

提交者

Javier Viola

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "mimic-ai": {
      "command": "npx",
      "args": [
        "-y",
        "@miapre/mimic-ai"
      ]
    }
  }
}

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Mimic AI?

Mimic AI is an open-source MCP server that converts any HTML, prompt, or description into production-ready Figma designs using your existing design system components, tokens, and auto-layout. It learns from corrections and improves across builds, and after each build reports what your design system is missing.

How to use Mimic AI?

Install Node.js v20.6+, Figma desktop (Professional plan or above), and the Mimic AI plugin. Run the install script, add the Figma plugin, then configure an MCP client (e.g., Claude Code, Cursor, VS Code) with npx -y @miapre/mimic-ai. Start a build by sending a prompt or HTML to the MCP server.

Key features of Mimic AI

  • Builds real Figma layers with component instances, variable bindings, and auto-layout
  • Learns component recipes, layout patterns, and design rules across builds
  • Correct it once; all future builds use the correction
  • Automatically detects design system changes (new components, renamed tokens)
  • Generates a build report with component usage, binding quality, and DS gap recommendations
  • Enforces 18 quality rules across 6 phases (text styles, variable categories, auto-layout, etc.)

Use cases of Mimic AI

  • Designers producing DS-compliant screens without manual component hunting
  • Design system leads surfacing coverage gaps with evidence from real builds
  • New team members learning a design system by building with it
  • Agencies and freelancers quickly producing screens using a client’s library
  • DS migration teams rebuilding existing screens with a new system to assess coverage

FAQ from Mimic AI

What does Mimic AI output?

Mimic AI outputs real Figma canvas layers with component instances, variable bindings, and auto-layout — not prototypes or raw CSS. The output is the deliverable you can hand off directly.

Does it require a specific Figma plan?

Yes, you need a Figma Professional plan or above to use the Mimic AI plugin.

How does Mimic AI learn across builds?

Mimic saves component recipes, layout patterns, and design rules after each build. After three builds, recurring components are auto-verified. After ten builds, most decisions are instant. Corrections update mappings permanently.

Is Mimic AI open source?

Yes, it is open source under the MIT license.

What are the runtime requirements?

Node.js v20.6+, Figma desktop, and a Figma Professional plan or above. The MCP server runs locally; your design data never leaves your machine.

评论

媒体与设计 分类下的更多 MCP 服务器

MiniMax MCP

MiniMax-AI

Official MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.

1.5K

Design Systems Mcp

southleft

I'm your specialized design systems assistant. Ask me about components, tokens, patterns, and best practices.

179

Framelink Figma MCP Server

GLips

MCP server to provide Figma layout information to AI coding agents like Cursor

15.3K

MCP Figma to React Converter

StudentOfJS

MCP server for converting Figma designs to React components

76

Tripadvisor MCP Server

pab1it0

A Model Context Protocol (MCP) server for Tripadvisor Content API. This provides access to Tripadvisor location data, reviews, and photos through standardized MCP interfaces, allowing AI assistants to search for travel destinations and experiences.

59