AI 版 Figma 来了？Pen.dev 让 Agent 直接在画布里做设计！

一、全文速览图

大家好，我是美丫姐。今天给大家分享一个近期我觉得最棒的设计软件 Pen.dev。

最近我遇到的问题就是：有了 AI 之后，很多时候我是直接拿 ChatGPT 去出设计稿，但是 ChatGPT 这类型的 AI 就存在一些问题，比如：无法精确编辑，以及生成的内容过于随机。

比如我之前在制作 CodexBar 那期内容的时候，想要去生成一个封面图，当时觉得第一次生成的内容有点过于复杂了，然后第二次输出的时候，就生成了完全不一样的风格类型。

当时就很渴望能够有个不必额外付费的设计软件，能够把我的 AI 订阅都用上，并且支持我和 AI 一起来编辑设计文本。

于是，就在寻寻觅觅当中找到了 Pen.dev，它原本的名字叫 Pencil，其实刚出来的时候就小火了一把。

但当时接入 AI 的过程中还存在很多 Bug，于是我用了两天之后就弃用了。没想到上周更名为 Pen.dev 之后，整个功能流畅了非常多！

算是目前见过最好用的 AI 原生设计工具了。

二、AI 直接控制画布

在使用过程中，我可以连接自己已订阅的 AI Agent 到 Pen.dev 里面。然后它的画面就是：对话框 ｜ 画板 ｜ 工具栏，这样的结构。

1. 对话框：我们可以输入需求给到 Agent
2. 画板：可以现场看到 Agent 在画板上作画
3. 工具栏：自己动手修改画板里的元素

这个是官方演示的网页制作过程

如果是 UI 设计的话，则更简单了。Agent 还能直接调用 Pen.dev 里面的工具进行拼接和组装。

另外除了以上两种比较模块化的设计类别。Pen.dev 在接入 AI 之后也能很快地完成社交媒体上的物料制作。

风格延展，裁切尺寸，制作套图，这都是 AI 的绝对舒适区。

并且，整个设计的过程中，能支持 1-6 个 Agent 同时创作。

这样的多 Agent 设计主要适用于两个场景：

1. 复杂任务，一个 Agent 做首页，一个 Agent 做详情页。
2. 想要比稿，可以同时看到多个 Agent 输出同一个视觉稿，从中选取最好最喜欢的那一个。

目前官方支持的 AI 模型还挺多的，常见的 Claude 和 ChatGPT 是可以走订阅授权的，其他的需要以 API 的形式接入。

三、AI 将「代码」逆向成为「设计稿」

当然，除了能接入 AI，能二次编辑，这些核心功能之外。Pen.dev 还有个比较「逆天」的功能，就是能把「网页」逆向成为「设计稿」。

我们在网上看到了不错的网页，只要输入到 Pen.dev 里面，它就能导入生成一个网页设计稿，格式是专属的 .pen 格式，同样支持准确的分层和编辑。

比如，我逆向了一下这个 Apple 的教育活动的页面。在逆向之后，设计稿里面就包含了页面所有的元素，字体也是可以进行二次编辑的。

以上两个功能，是我觉得比较亮眼和常用的。Pen.dev 还有些依靠 AI 能力而新出现的小功能，虽然不算特别常用，但也很有意思。

四、AI 控制钢笔，绘制精确路径

在 Pen.dev 里面，可以让 AI 操作钢笔工具，画出较为精准的路径，而且整个过程是可视化的，你可以在画布上直接看到绘制过程。

这将复杂图形的矢量化变得更加简单了。

当然除了 AI Pen 这种从零开始绘制矢量图形之外，还能直接位图转矢量图，不过这个就属于比较常见的功能之一了。

五、MCP 设计，直接用代码就能设计

针对于喜欢轻量级功能界面的用户，直接通过 MCP 去操作 Pen.dev 也是可以的。相当于在 TUI 的模式下，就能对设计进行修改和调整了。

六、设计文件即仓库代码（.pen + Git）

最后 Pen.dev 还有个可能对设计师感知度不高，但对项目本身比较有意义的一个点是 .pen 文件存储数据的形式更趋近于代码原生形式。

以前是设计 + 开发，现在基本上都融为一体了

想起我前几天刚刚汉化完了一个 12M 大小的 PS 软件 Compositor，然后现在又用上了这个 AI 版本的「Figma」。

最大的感受就是：传统的软件行业正在发生巨大的改变，未来大部分的软件将会围绕着 AI Agent 去服务。

相比起人的手搓工艺，AI 的需求更快更高频，而且几乎磨平了用户能力之间的差异。

以前 PS 这类软件的用户只有设计师，但未来 Pen.dev 的用户可以是所有用 AI 的人。从用户量级来看，趋势不可逆啊！所以大家赶紧用起来吧！

上图是我让 AI 按照 Pen.dev 的官网风格来制作的微信公众号的封面图。虽然感觉个人风格比较弱，但作为 AI 的 one shot 作品，我觉得还是不错了！

最后地址放在这里啦，希望大家喜欢！

Pen.dev

那我们下期再见吧！爱你们哟～