用嘴做设计！把任意AI直接按在Figma画布上

你有没有这种感觉——AI 生图越来越强，但每次想把这些图”放进真实的设计稿里”，就得手动复制粘贴、反复调整坐标、对着像素点微调……明明想让 AI 干活，结果变成了你给 AI 打工。

今天想介绍一个我最近挖到的开源工具 AI Happy Design（AI快乐设计），它做的事情本质上是：把 AI 直接按在 Figma 画布上，用说话的方式做设计。

一个 CLI，把任意 AI 接入 Figma 画布

简单来说，AI Happy Design 是一个本地运行的 MCP Server，通过 WebSocket 桥接层，把任意 AI 模型（Claude / GPT / Gemini 等）的指令，翻译成 Figma 操作，最后落到你自己的画布上。

整个交互链路是：

• AI / LLM + CLI（脚本化操作）→
• MCP Server →
• WebSocket Relay →
• Figma Plugin →
• Figma 桌面端画布

全程本地运行，数据不离开你的机器。

三种模式，按需切换

工具提供了三个入口：

• MCP Server 模式：为 Claude Code、Cursor、Windsurf 等 AI 编程工具提供 schema 化的接口，适合 Agent 场景
• CLI 模式：直接命令行操作，一次性批量发送多个指令，比单独 MCP 调用的速度快 10-50 倍
• Relay 模式：WebSocket 桥接到 Figma 插件，作为交互入口

15 个工具域，覆盖设计全流程

这是重点。工具内置了 15 个设计能力域：

• paint（颜色/填充）、shape（图形）、text（文本）、layout（布局）
• node（图层）、layer（图层管理）、component（组件）、style（样式）
• variable（变量）、effect（效果）、boolean（布尔操作）
• page（页面）、document（文档）、export（导出）
• design（设计智能）

什么意思？你可以让 AI：

• 「在当前页面找一个空位，放一个 300×200 的卡片组件，背景色用主品牌色」
• 「把这张图的图标换成我们设计系统里的图标」
• 「导出一个 2 倍图的 PNG，文件名是 hero-banner」

全部用自然语言，不需要你手动在 Figma 面板里找来找去。

批操作 + 智能找位，不是噱头

特别值得说的是它的批处理能力：单次最多可以链接 150+ 个操作，连续执行约 27 次/秒，大批量改稿时真的能用。

还有一个很实用的设计智能功能：`document.find_free_space` 可以扫描画布上现有元素的位置，精确算出”哪里还有空位”——AI 不会把新设计覆盖到已有内容上。

安装超快，3 步搞定

官方给了 macOS / Linux 的安装方式，macOS 直接用 brew-like 命令：

curl -L https://github.com/nerveband/ai-happy-design/releases/latest/download/ai-happy-design_Darwin_arm64.tar.gz | tar xz
sudo mv ai-happy-design /usr/local/bin/

然后三步：ahd-figma setup 安装 Figma 插件 → 在 Figma 里导入 manifest → ahd-figma register 自动识别你的 AI 编辑器并注册 MCP。

支持 Claude Code、Claude Desktop、Cursor、Windsurf、VS Code、Zed。

谁适合用？

如果你是设计师，平时用 Figma 但经常需要 AI 帮你出图、配图；或者你是前端开发者，想让 AI 直接操作设计稿生成代码；或者你在做 AI Agent 产品，需要让模型理解并操作 UI——这个工具都值得试试。

本地运行 + MIT 协议，免费商用，数据不外传，隐私友好。

GitHub：https://github.com/nerveband/ai-happy-design

GitHub: https://github.com/nerveband/ai-happy-design