AI 做 UI 已经不稀奇了。

但如果 AI 能直接进入设计画布，帮你生成界面、改布局、整理组件，最后还能导出代码，这就有点意思了。

这个项目叫 OpenPencil：

网页链接

它不是普通的 AI 画图工具，而是一个 AI 原生的开源矢量设计工具。

你可以把它理解成：

无限画布 + 设计文件 + CLI + MCP + 代码导出

更关键的是，它还有一个配套的 openpencil-skill：

网页链接

这个 Skill 相当于专门给 Codex、Cursor、Claude Code 这类 AI Agent 准备的“设计操作手册”。

它会告诉 AI：

• 怎么理解 PenNode• 怎么生成和修改 UI• 怎么调整布局和组件• 怎么调用 OpenPencil 的设计能力

所以最后得到的，不再是一段 AI 随手搓出来的 HTML。

而是一个：

能继续编辑、能复用、能迭代、还能导出的设计结构。

它真正想解决的是：

想法 → 原型 → 设计 → 代码

中间那段长期割裂的工作流。

产品经理、开发者、设计师、独立开发者，都可以重点看看。

如果你也想把 AI 编程工具 + 可视化设计工具真正接起来，OpenPencil + openpencil-skill 值得收藏。

觉得有用就先收藏，后面大概率用得上。✏️

ChatGPT开源项目开发者工具设计师玩具