过去用 AI 生成一个网页界面,往往像抽盲盒。

输入一句需求,等它生成;不满意,再改提示词;还是不满意,就重新来一遍。几个版本来回切换,最后连自己都容易看乱。

pen.dev 想换一种做法。

这款由 Adobe XD 联合创始人 Tom Krcha 推出的设计工具,可以让多个 AI 同时在一块画布上工作。用户写下需求后,屏幕上会出现几个不同的光标,各自开始搭页面、排版、放按钮。没过多久,几套不同风格的界面就会一起摆在眼前。

整个过程很像一次小型比稿。

有人做得简洁,有人放了更多信息,也有人会采用完全不同的页面结构。用户不用反复打开新窗口,而是可以直接把几个版本放在一起比较,挑出顺眼的部分,再继续修改。

这也是 pen.dev 最容易被普通人理解的地方:它不是让 AI 只交一份答案,而是让几个 AI 一起出方案。

它和常见设计软件还有一点不同。pen.dev 可以放进 Cursor、VS Code 等开发工具里使用,设计文件也能直接保存在项目中。换句话说,界面不只是给人看的图片,开发人员可以继续拿它改代码。

过去,设计师画完页面,开发人员还要照着重新写一遍。颜色、间距、按钮大小,经常会在这个过程中出现偏差。pen.dev 想把设计和开发放到同一个工作环境里,让中间少一道交接。

Tom Krcha 对这个问题并不陌生。他曾参与创建 Adobe XD,后来又创办视频会议软件 Around。如今再次做设计工具,他选择从 AI 协作入手。

当然,让 AI 一口气生成多个页面,并不代表设计师就没用了。AI 可以把方案做得更快,却不一定知道什么更适合用户,也很难真正理解一个品牌想表达什么。最后怎么选、哪里要改,仍然要靠人判断。

但 pen.dev 至少提供了一种新的工作方式:以后做界面,可能不再是先画完图,再交给开发,而是几个方案同时出现,设计和代码一起往前走。