6 个 Agent 一起开工,做 App 这件事变了

全文 2,000字 | 阅读约 6 分钟

（Pencil.dev，创始人首次深度访谈）

很多人第一次看到那个画面时，都愣了一下。

“这是什么操作？”

屏幕上是一块设计画布，上面同时出现了 6 个光标，在不同位置移动。一个在改按钮，一个在调布局，还有一个在生成新页面。

几分钟后，一个完整的 App 原型出现在屏幕上。但电脑前其实只有一个人，其余光标都是 Agent。

2026 年 3 月 8 日，播客节目里，Pencil.dev 创始人 Tom Krcha 演示了这个场景。这款工具去年 9 月底才正式推出，5 个月时间就突破了 10 万用户。2 月底推出 Swarm Mode（集群模式）后，在开发者和设计师圈子里引发热议。

Pencil 的 CEO 是 Tom Krcha 。他的履历很有意思：Adobe 设计工具 XD 的联合创始人，视频会议工具 Around 的创始人（后来被 Miro收购），还做过一家 3D 虚拟形象公司 Alter 被 Google 收购。

第一节｜6 个 Agent 同时设计 App：AI 开始并行工作

在那段演示里，最吸引人的是工作方式变了。

他只做了两件事。先选数量：6 个 Agent。再输入一句提示：设计一个旅行日志 App。接下来，画布上很快出现了变化。几个光标在不同位置移动，有的在搭页面结构，有的在放图片，有的在调整按钮位置。

“三个屏幕，每个屏幕分配两个 Agent。任务自动分开，同时动手。”

Tom 盯着屏幕说：这些光标看起来只是小细节，但这是我第一次觉得 AI像人。

每个光标代表一个 Agent，它们在画布上的移动让人能看清谁在做什么。这个设计最初是为了调试，方便知道哪个 Agent 在处理哪部分任务。但做出来后，他发现这带来了完全不同的感觉：AI 的工作过程变得可见了。

过去的软件工具几乎都只有一种工作方式：一步步来。先想功能，再画设计，再写代码。每一步都要等前一步做完。

Tom 在访谈里说：

“ 现在的工具都是按顺序来，做完一个再做下一个。但设计更像是同时摆出 20 多个版本，一边看一边选。”

Swarm Mode 做的事情很简单，把这种探索方式交给多个 Agent 去完成。有的负责布局，有的处理图片，有的生成组件。几分钟，画布上就会出现一组完整的界面。

这时候人可以做两件事。一边看 Agent 工作，一边直接动手改。不用等它们做完，可以随时进去调个按钮位置，或者换个颜色。这是整个工作流程最大的变化：你能在 Agent 干活的同时直接上手改设计，思路不会断。

先看到一个结果。觉得不对，就换个方向。觉得有意思，再继续完善。

多个方案同时跑，边看边改，随时调整方向。

第二节｜屏幕上像魔法，背后其实只是一个 JSON 文件

那些光标在画布上移动，看起来像魔法。但 Tom 说，原理很简单。

这些 Agent 在做的事情，本质上只有一件，写文件。这个文件叫 pen 文件，是一种 JSON 格式。

打开后，你看到的不是设计稿，而是一段很普通的结构化内容。里面写着页面有哪些元素、按钮在哪里、图片放在哪个位置。简单说，就是把一个界面的信息写成一份清单。

Agent 改设计的时候，就是在不断更新这份清单。加一个按钮，改一下间距，或者换一张图片。屏幕上界面的变化，就是这份清单实时展示出来的结果。

Tom 把它比作专门给 Agent 用的 PDF。

在过去，设计通常存在两个地方。一种在设计软件里，比如 Figma、MasterGo 等。另一种在代码里，比如 HTML 或 React。设计师和开发者之间，得来回转换。先画图，再交给工程师实现。

Pencil 想把这两件事合在一起。设计画布背后就是那份 pen 文件，Agent 可以读它，也可以改它。因为是 JSON 格式，这个文件还能直接放进 Git（代码版本管理工具）里，就像管理代码一样。

设计完成后，工具再根据这份文件生成代码，比如 React、Next.js，或者移动应用的界面。

在演示里，他选中一个画板，然后在 Cursor 里输入一句话：为这个页面生成 React 和 Next.js 代码。几秒钟，浏览器里就跑出了一个网站。

Agent 把那份设计清单翻译成了代码，中间少了一层转换。

以前一个界面要经历好几个步骤，从设计稿到代码得反复沟通。现在设计文件本身就能直接转成代码，设计和开发之间的“距离”开始变短了。

第三节｜不会写代码的人，也开始做 App

Pencil 上线后，Tom Krcha 发现了一件让他意外的事。

有个朋友做营销，平时主要是搞宣传、写文案、办活动。有一天，对方打电话来：我最近一直在用 Pencil。

Tom 开始有点惊讶，因为对方不是设计师，也不是工程师。但后来发现，这个人已经用 Pencil 做了不少事：重做了公司官网，做了新的营销页面，还生成了一些给销售团队用的 PDF 材料。现在，一个人就能做完。

除了营销人员，一些企业用 Pencil 做了件更大的事：管理整个公司的设计系统。他们把公司的设计系统转换成 pen 格式，然后像管理代码一样统一管理。设计文件变成了所有人的单一来源。

越来越多原本不碰编程的人，开始试着做一些简单的应用。有人用它做个人网站，有人做小工具，也有人只是把脑子里的想法做成一个能看到的界面。

产品团队的角色界限开始模糊。设计师会试着写一些简单的代码，工程师也会自己调页面样式，产品经理有时直接做出一个原型。

投资人 Marc Andreessen 曾说：设计、工程、产品三种角色之间形成了一种平衡。而 AI 工具出现后，这种平衡正在发生变化。

因为当一个想法能很快变成一个界面时，很多人会忍不住想试一试。先做出来看看，再决定要不要继续。

门槛降低后，愿意试的人变多了。这种变化不只发生在 Pencil。就像最近在国内火爆的 OpenClaw（小龙虾），让不懂编程的人也能用 AI 自动化任务、操作电脑。Pencil 做的是另一个方向：让不懂编程的人也能做界面。

大脑里的想法，开始变成屏幕上的 App。

结语｜做东西的方式变了

演示快结束时，画布上还留着几个光标的移动轨迹。

几分钟前，6个Agent 在这里同时工作，完成了一个完整的 App 界面。设计文件直接变成代码，不会编程的人也能做网站。

这些变化连在一起，改变了一件事：从想法到看到界面，中间的步骤少了。

做 App 的方式，变了。

📮 本文由AI深度研究院出品，内容整理自Peter Yang播客（2026年3月8日）采访Pencil.dev CEO Tom Krcha等网上公开素材，属评论分析性质。内容为观点提炼与合理引述，未逐字复制原访谈材料。未经授权，不得转载。

原文链接：

https://www.youtube.com/watch?v=w4RY7PnfRU8

https://x.com/tomkrcha/status/2026329359838318906

https://www.pencil.dev

来源：官方媒体/网络新闻，

排版：Atlas

编辑：深思

主编：图灵

–END–