OpenPencil开源：AI原生矢量设计工具，支持Agent Team与Figma导入

背景

随着 AI 生成 UI 能力的快速提升，传统设计工具与 AI 的融合成为行业热点。Figma 等主流工具虽已引入 AI 辅助功能，但多为闭源方案，且修改和导出流程仍依赖手动操作。开源社区长期缺少一款原生支持 AI 交互、自然语言驱动设计、并能直接导出生产级代码的矢量设计工具。在此背景下，开发者 ZSeven 从春节假期开始密集开发，经过“两天一个大版本、一天一个小版本”的疯狂迭代，推出了 OpenPencil——首个开源 AI 原生矢量设计工具，并在 LINUX DO 论坛自荐分享。

核心内容

OpenPencil 是一款完全开源的 AI 原生矢量设计工具，核心能力围绕“自然语言→设计稿→代码”的闭环展开。其已具备以下功能：

• 自然语言生成设计稿：用户可通过自然语言描述需求，直接生成矢量设计稿。支持 Claude Code、Codex、OpenCode 等主流 CLI 工具进行调用，方便开发者集成到工作流中。
• MCP 实时操作画布：支持通过 MCP（Model Context Protocol，一种模型与画布交互的协议）实时对画布上的元素进行局部修改，允许用户精准调整设计细节。
• Agent Team 多 Agent 并发设计：支持多个 AI Agent 同时协作完成设计任务，提高复杂项目的生成效率。
• 文件兼容性：原生支持 .pen 格式（OpenPencil 自身格式），并支持导入 .fig（Figma 文件），还原度“相当高”。但作者也指出，由于 .fig 文件结构较为混乱，尚未完美适配，仍在持续打磨。
• 一键导出代码：支持导出 React、Vue 等 8 种原生代码，还原度接近 100%，可直接用于生产环境。

项目官网为 https://op.zseven.tech/，GitHub 仓库地址为 GitHub - ZSeven-W/openpencil: The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil. 作者欢迎社区体验、反馈、提 PR 以及 Star。

关键要点

• AI 原生：设计工具不再是对传统工具的 AI 插件，而是以 AI 为底层交互范式，自然语言即为设计输入。
• 支持主流 CLI 工具：可直接对接 Claude Code、Codex、OpenCode 等，方便开发者通过命令行驱动设计流程。
• MCP 实时操作：引入 MCP 协议实现画布级实时修改，不同于一次性生成，支持迭代式调整。
• Agent Team 并发：首次在开源设计工具中实现多 Agent 并发，提升设计任务完成速度。
• Figma 导入还原：支持 .fig 格式导入，虽未完美但已达到“相当高”的还原度。
• 代码导出质量高：8 种框架代码导出，还原度接近 100%，目标是“Design-as-Code”，直接生成可用代码。
• 开源协议：完全开源，仓库位于 GitHub，鼓励社区贡献。
• 持续迭代：项目处于快速开发期，作者明确表示将继续打磨，尤其是 .fig 导入部分。

意义与影响

OpenPencil 的出现填补了开源 AI 原生设计工具的空白。其“自然语言 → 设计 → 代码”的闭环能力，有望大幅降低 UI 设计门槛，让非设计师的开发者也能快速产出高质量界面。同时，Agent Team 并发设计为复杂项目的 AI 协作提供了新范式，MCP 实时操作则让 AI 生成结果不再是“黑盒”，用户可实时干预。此外，对 Figma 文件的导入支持和代码导出能力，使 OpenPencil 可作为现有工作流的补充或替代方案。作为开源项目，它也为社区探索 AI 原生设计工具的实现路径提供了可参考的代码基础，有望推动更多开发者参与贡献，加速该领域创新。