让AI直接在画布上做设计：Pen.dev把设计稿变成能版本管理的代码

用 ChatGPT 出过设计稿的人多半遇到过同一个尴尬：生成的内容没法精确编辑，想微调一个标题，它直接给你重画一张，风格还和上一张完全对不上。做封面图时第一次嫌太复杂，第二次就变成完全不同的风格，这种失控感让 AI 出图始终停留在"抽卡"阶段。

Pen.dev 想解决的就是这件事。它原名 Pencil，早期版本因为 AI 接入 Bug 太多劝退过不少人，上周更名 Pen.dev 之后整个功能流畅度上了一个台阶，可以说是目前见过完成度最高的 AI 原生设计工具。

AI 在画布上画，人随时接手

连接自己已订阅的 AI Agent 之后，Pen.dev 的界面就是最直觉的三栏：对话框输入需求，画板上实时看 Agent 作画，工具栏留着给你自己动手改。AI 生成完不满意的部分，随时可以用常规设计工具接着精修，这才算"协作"而不是"抽卡"。

除了做网页和 UI 这种模块化设计，Pen.dev 处理社交媒体物料也很快：风格延展、批量裁切尺寸、制作套图，都是 AI 的绝对舒适区。一个更狠的功能是支持 1-6 个 Agent 同时创作——复杂任务可以让一个 Agent 做首页、另一个做详情页；想比稿就同时让多个 Agent 出同一版视觉，挑最喜欢的那个。

模型支持上，Claude 和 ChatGPT 可以直接走订阅授权，其他模型以 API 形式接入。

网页逆向成设计稿，设计文件即代码

Pen.dev 还有个相当"逆天"的能力：把网页逆向还原成设计稿。在网上看到不错的页面，把网址丢进去，它会生成一个 .pen 格式的设计文件，所有元素精确分层，连字体都能二次编辑。拿来临摹优秀页面的排版逻辑，效率直接翻倍。

细抠细节的能力也在：可以让 AI 操作钢笔工具绘制精确路径，整个过程在画布上可视化，复杂图形的矢量化变得简单；位图转矢量这类常规功能也都齐活。喜欢轻量界面的用户还能通过 MCP 直接操作 Pen.dev，相当于在命令行里就能改设计。

最值得关注的一点容易被忽略：.pen 文件的数据存储形式更接近代码原生，可以配合 Git 做版本管理，图层导出直接给出 HTML 加 Tailwind 的代码。设计与开发之间的那道墙，在这个工具里基本被拆掉了。

传统设计软件的用户只有设计师，而 Pen.dev 这样的工具，用户是所有用 AI 的人。软件围绕 Agent 服务的趋势，在设计的画布上已经看得非常清楚了，工具官网 pen.dev，感兴趣的可以直接上手体验。