大家好，我是 Fini ，一个喜欢造轮子的独立开发者。
这个春节长假基本上全都长在工位上了。今天想和老哥们分享一下我最近爆肝的开源项目：
OpenPencil (AI 原生矢量设计工具)
最近在开发各种端侧应用时，我极其痛苦地发现了一个断层：现在的代码已经全面拥抱 AI (Cursor, Windsurf, Claude Code)，但我们的设计工具却还停留在上个时代。 市面上的“AI 设计工具”，绝大多数只是在传统的 Canvas 引擎上套了个大模型的壳，本质上文件依然是黑盒的、闭源的，AI 根本无法真正理解和修改深层结构。如果想改个 UI ，还是得老老实实打开 GUI 界面去拖拽。
所以我决定自己写一个，并且完全 MIT 开源，这就是 OpenPencil ～
它的核心主要是：
1 、Agentic Design (自带 MCP Server)： 这意味着你可以完全不打开 OpenPencil 的界面！你可以直接在 Cursor 或者 Claude 里输入指令：“把登录页面的所有主按钮改成蓝色，圆角设为 12px”，AI Agent 就会通过 MCP 协议，直接在后台精准修改你的设计稿文件。
2 、Design-as-Code：OpenPencil 的底层架构完全是声明式的，它的 .op 文件本质上就是结构化极其良好的 JSON 。从此以后，你的设计稿可以像代码一样提交进 Git ！你可以 diff 两个版本的 UI 差异，甚至可以在 GitHub 上给设计稿做 Code Review 。
部分界面：
Demo 动图：
GitHub 仓库地址（求个 Star 🙏）： https://github.com/ZSeven-W/openpencil/
(题外话：昨晚拿这个项目去 Hacker News ，结果刚发出去就被隐藏，发邮件和管理员申诉，刚刚终于发了 Show HN 了 😂)
作为开发者，我相信未来的工作流一定是**“人提供创意 + Agent 负责执行”**。无论是 OpenPencil 还是我的私人 Bot 矩阵，都是在向这个方向探索。
项目刚刚起步，代码和功能还有很多不完善的地方。非常期待大佬们能去体验一下，拍砖、提 PR 或是随便聊聊你们现在的 AI 协作方式！
感谢大家的时间！🤝
这个春节长假基本上全都长在工位上了。今天想和老哥们分享一下我最近爆肝的开源项目：
OpenPencil (AI 原生矢量设计工具)
最近在开发各种端侧应用时，我极其痛苦地发现了一个断层：现在的代码已经全面拥抱 AI (Cursor, Windsurf, Claude Code)，但我们的设计工具却还停留在上个时代。 市面上的“AI 设计工具”，绝大多数只是在传统的 Canvas 引擎上套了个大模型的壳，本质上文件依然是黑盒的、闭源的，AI 根本无法真正理解和修改深层结构。如果想改个 UI ，还是得老老实实打开 GUI 界面去拖拽。
所以我决定自己写一个，并且完全 MIT 开源，这就是 OpenPencil ～
它的核心主要是：
1 、Agentic Design (自带 MCP Server)： 这意味着你可以完全不打开 OpenPencil 的界面！你可以直接在 Cursor 或者 Claude 里输入指令：“把登录页面的所有主按钮改成蓝色，圆角设为 12px”，AI Agent 就会通过 MCP 协议，直接在后台精准修改你的设计稿文件。
2 、Design-as-Code：OpenPencil 的底层架构完全是声明式的，它的 .op 文件本质上就是结构化极其良好的 JSON 。从此以后，你的设计稿可以像代码一样提交进 Git ！你可以 diff 两个版本的 UI 差异，甚至可以在 GitHub 上给设计稿做 Code Review 。
部分界面：
Demo 动图：
GitHub 仓库地址（求个 Star 🙏）： https://github.com/ZSeven-W/openpencil/
(题外话：昨晚拿这个项目去 Hacker News ，结果刚发出去就被隐藏，发邮件和管理员申诉，刚刚终于发了 Show HN 了 😂)
作为开发者，我相信未来的工作流一定是**“人提供创意 + Agent 负责执行”**。无论是 OpenPencil 还是我的私人 Bot 矩阵，都是在向这个方向探索。
项目刚刚起步，代码和功能还有很多不完善的地方。非常期待大佬们能去体验一下，拍砖、提 PR 或是随便聊聊你们现在的 AI 协作方式！
感谢大家的时间！🤝
Select Language