Rust OpenPencil 开源AI原生矢量设计工具支持智能体协同

设计工具市场被 Figma 统治了十年，但 AI 时代的设计流程和它假设的完全不同：你不再是拖拽图层的人，而是用自然语言描述需求、让智能体去画。可市面上的 AI 设计工具要么是闭源服务，要么只是在图片生成上套了个壳——真正的矢量编辑、多人协同、代码导出，开源世界里一直是空白。

OpenPencil 自称世界上第一个开源的 AI 原生矢量设计工具：提示词直接上画布、多个智能体并发出图、设计文件就是 JSON、内置 MCP 服务器可以被任何编程智能体调用。项目用 Rust 写核心，GitHub 上 6 千多 Star，增长很快。

项目基本信息

一、项目介绍

OpenPencil 的核心体验是提示词上画布：用自然语言描述任何界面，元素以流式动画实时出现在无限画布上；选中已有元素继续聊天，就能修改设计。更激进的是并发智能体团队——编排器把复杂页面拆成空间子任务，多个 AI 智能体同时画不同区域：首屏、特性区、页脚各一个成员并行流式输出，画布上能看到每个成员的实时指示器。

模型适配也做了分层：Claude 拿完整提示词加思考模式，GPT-4o 和 Gemini 关闭思考，MiniMax、Qwen、Llama 这类小模型用简化提示词保输出稳定，一套工具接任意模型。

工程属性是它的另一张牌：设计即代码——.op 设计文件就是人类可读的 JSON，进 Git 可 diff；设计变量直接生成 CSS 自定义属性；一键导出 React 加 Tailwind 或纯 HTML 加 CSS。内置 MCP 服务器一键装进 Claude Code、Codex、OpenCode 等工具，编程智能体可以直接读写 .op 文件完成设计操作。

二、核心优势

第一，真正开源。MIT 协议，没有功能墙，自托管随意，对比闭源 SaaS 工具不用担心涨价和数据外流。

第二，单二进制无浏览器内核。一个 Rust 核心编译出自包含二进制，Web、macOS、Windows、Linux 桌面端全覆盖，.op 文件双击即开。

第三，MCP 生态位独特。设计工具可被编程智能体调用意味着自动化空间巨大：CI 里批量改图、脚本批量生成变体、智能体自主完成设计稿都不需要人盯着画布。

第四，终端 CLI。op design、op insert 命令支持批量设计 DSL 和节点操作，可以从文件或 stdin 管道输入，设计工具第一次有了完整的命令行面。

三、适用场景

第一类是开发者做 UI：前端工程师描述界面直接拿到画布稿，再导出成 React 加 Tailwind 代码，设计和实现一步打通。

第二类是设计系统维护：.op 文件进 Git，变量自动生成 CSS 变量，设计变更走代码评审流程。

第三类是自动化批量出图：接 MCP 后让智能体按模板批量生成海报、Banner、多语言版本的界面稿。

四、安装教程

到仓库 Releases 页下载对应平台的安装包，桌面端覆盖 macOS、Windows、Linux 三平台；也可以直接用 Web 版，功能一致。

开发方式从源码构建需要 Rust 工具链，克隆仓库后按 crates 目录下的说明编译。MCP 集成在应用内一键完成，选择你的编码智能体即可写入对应配置。

常见问题：下载慢或 404 时切换 Releases 页面的镜像资源；Web 版无法打开本地 .op 文件的关联，需要桌面版；MCP 装完在 Claude Code 里看不到工具，重启会话加载配置。

五、使用示例

打开应用，在提示词栏输入：

设计一个音乐播放器的播放页：顶部封面大图，中间进度条，
底部是播放控制按钮组，整体深色玻璃拟态风格

画布上元素逐一流式出现。接着选中进度条区域说「改成圆角胶囊样式，加缓冲进度显示」，选区内的设计被原地修改。想并发提速的话，直接描述整个页面，编排器会把首屏、功能区、页脚分给三个智能体同时画。

文件保存为 .op 格式，本质是这样的 JSON：

{
  "type": "frame",
  "name": "player",
  "children": [
    { "type": "image", "src": "cover.png" },
    { "type": "slider", "value": 0.42 }
  ]
}

把它提交进 Git，设计变更一眼可审。接了 MCP 的 Claude Code 会话里说「把所有页面的主色从蓝色换成靛紫」，智能体通过 MCP 工具批量改完所有 .op 文件。

六、常见问题

支持哪些模型？OpenAI 兼容接口、Anthropic、Gemini 及本地模型都能接，按模型能力自动调整提示词策略。

能导入 Figma 文件吗？目前没有官方导入，设计重建靠提示词或导出的代码作为参照。

和即时设计、Pixso 什么区别？那些是传统协作工具加 AI 辅助，OpenPencil 是 AI 原生架构加设计即代码，定位不同。

七、总结

OpenPencil 把设计工具的三件现代装备一次配齐：AI 原生交互、并发智能体、设计即代码，而且全开源。它现在的完成度还比不了 Figma 的功能广度，但方向判断很准——当设计可以被编程智能体读写，设计工具就该有 MCP 和 CLI。开发者出身的设计需求方值得一试。