AI 设计时代的到来：从 PS 到 Pencil，一个人如何顶替一个团队

AI 设计时代的到来：从 PS 到 Pencil，一个人如何顶替一个团队

前些天还在用 UI/UX Pro Max的 skill 工具 ，发现配色设计还是比较受限，体验下来感觉是基于很多模板来改的效果。Pencil 支持协作调整，自由度更大一点，现在这个工具还处于初阶阶段，整体上还有很多功能可以开发迭代。

Pencil整体技术实现上是用canvas来渲染，存储文件时JSON的非结构化数据，类似于多年前做低代码平台一样，通过AST做转化和渲染。

在 AI 技术飞速发展的今天，我们正在见证设计工作方式的又一次巨大变革。作为经历过 PS、Figma 时代的开发者，我不禁感叹：一个人现在真的可以顶十个人的工作量。

历史回顾：设计工具的三次革命

PS 时代：来回拉锯的协作困局

还记得用 Photoshop 做设计的日子吗？那个时代的流程是这样的：

1. 设计师在 PS 里完成设计稿
2. 开发者收到 PSD 文件，切图、导出资源
3. 发现问题，重新沟通，设计师修改
4. 再次收到新版本的 PSD，重复切图流程

一个简单的按钮调整，可能需要：

• 设计师重新导出 PSD 文件（几百 MB）
• 开发者下载、解压、查找修改的图层
• 重新切图、命名、整理
• 如果理解有误，重复整个流程

沟通成本 + 文件传输成本 + 协作摩擦，让简单的事情变得异常复杂。

Figma 时代：在线协作的效率提升

Figma 的出现彻底改变了这个局面：

• 实时协作：多人可以在同一个文件中同时工作
• 在线评论：直接在设计稿上标注问题，无需来回截图
• 自动切图：选中图层即可导出，无需手动切图
• 版本管理：历史版本随时回滚，不再需要文件命名 v1、v2、v3...

国内类似工具如蓝湖、即时设计等，也都沿着这个方向优化。设计师和开发者的协作效率提升了至少 3-5 倍。

但问题是：协作门槛依然存在。你仍然需要一个专业的设计师来完成高质量的设计工作。

AI 时代：Pencil 让一个人成为全能选手

最近社区很火的 Pencil （https://www.pencil.dev）让我看到了真正的变革------AI 时代让一个人可以完成整个团队的职能。

Pencil 的核心理念是："Design on canvas. Land in code." ------ 在画布上设计，直接生成代码。

这不是普通的 AI 设计工具

Pencil 提供了一个非常聪明的交互方式：通过自然语言提示（Prompt）来生成和迭代设计。

在它的 Prompt Gallery 中，你可以看到各种实用的提示词示例：

从零开始设计：

Design a web app for managing rocket launches. Use a technical style.

基于现有设计迭代：

Look at the selected design. Adjust the prompts page code to reflect it.

探索不同方向：

Look at the selected design. Explore a totally different design direction.

调整细节：

Change it to the light mode. Create a new design for it.

风格变换：

Let's go more bold and rock'n'roll, make the headline much larger, drop boxes around prompts and just focus on typography, one column layout.

最精彩的是，这些提示词可以持续对话、迭代。你不需要重新生成整个设计，只需要在现有基础上提出修改要求，AI 就会理解上下文并做出调整。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

为什么说 Pencil 代表了 AI 时代的变革？

1. 设计门槛降至零

以前，你需要：

• 学习设计原则（色彩、排版、间距）
• 掌握 Figma/Sketch 等专业工具
• 具备审美能力

现在，你只需要：

• 用自然语言描述你的需求
• 选择你喜欢的风格
• 通过对话不断优化

2. 迭代成本无限降低

在 Figma 里调整一个布局，可能需要：

• 选中多个元素
• 手动调整位置、间距
• 检查响应式适配
• 可能破坏现有对齐

在 Pencil 里：

Change to a simpler and cleaner design direction.

一句话，AI 就会重新生成整个布局，自动处理所有细节。

3. 无限创意探索

想尝试 10 种不同的设计方向？在传统流程中，这意味着：

• 设计师需要花费数小时甚至数天
• 你需要沟通你的需求
• 反复确认方向

在 Pencil 里：

Look at the selected design. Explore a totally different design direction.

不断重复这个提示词，每次都会得到不同的创意。几分钟内就能浏览十几种方案。

4. 与开发的无缝衔接

Pencil 最强的一点是它可以直接生成代码。设计师和开发者的边界正在模糊：

• 你描述需求
• AI 生成设计
• AI 直接输出可用代码
• 你可以基于代码继续修改

这意味着什么？一个人可以同时完成产品规划、UI 设计、前端开发的全流程。

协作门槛的消失

在 PS 和 Figma 时代，你永远绕不开一个问题：你需要一个懂设计的人。

但在 AI 时代，协作的门槛消失了：

• 想要一个着陆页？用 Pencil 生成，30 分钟搞定
• 想要一个管理后台？描述你的需求，AI 自动生成布局
• 想要调整风格？一句话切换暗色模式、改变字体、调整布局

不再需要等待设计师，不再需要反复沟通，你可以直接将自己的想法转化为产品。

开发成本的真相

很多人说 AI 降低了开发成本，其实更准确的说法是：AI 降低了尝试成本。

以前启动一个产品：

• 产品经理 → 产品文档（2 天）
• 设计师 → UI 设计（3 天）
• 前端开发 → 实现（5 天）
• 后端开发 → API 开发（5 天）
• 联调测试（3 天）
• 总计：18 天

现在用 Pencil + AI：

• 你 → 描述需求 + 生成设计 + 生成代码（1 天）
• 手动调整和优化（2 天）
• 后端 API 开发（3 天）
• 总计：6 天

更重要的是，如果你想换个方向试试？

• 传统方式：浪费了前面 10 天的沟通和设计工作
• AI 方式：重新生成设计，成本几乎为零

这让创意变得极其廉价，也让"快速验证想法"从理论变为现实。

个人的思考

作为一个经历过三次设计工具变革的开发者，我有几个深刻的感悟：

1. 工具的本质是降低门槛

PS → Figma → Pencil，每一次变革的本质都是降低门槛：

• PS：从手绘到数字设计
• Figma：从本地协作到云端协作
• Pencil：从需要专业技能到人人可为

2. AI 时代更考验产品思维

当设计和技术不再是瓶颈，真正决定成败的是：

• 你的产品想法是否解决真实问题？
• 你的创意是否足够独特？
• 你能否快速迭代找到市场契合点？

3. 协作的本质在改变

以前的协作：分工 （我设计、你开发、他测试）

现在的协作：互补（我负责想法、AI 负责实现）

4. 学习的重点在转移

• 少学工具操作（Figma 快捷键、PS 图层管理）
• 多学产品思维（用户体验、市场需求、商业逻辑）
• 学会与 AI 协作（如何写 Prompt、如何迭代优化）

给开发者的建议

如果你还在犹豫要不要尝试 Pencil 这样的 AI 设计工具，我的建议是：

立即开始。

不是因为它会替代设计师，而是因为它会：

1. 让你成为更完整的开发者------你可以独立完成从设计到开发的全流程
2. 节省大量时间------不再等待设计稿，不再反复沟通
3. 激发你的创意------快速尝试各种想法，不再受限于技术能力

如何开始？

1. 访问 Pencil 官网 下载工具
2. 浏览 Prompt Gallery 学习如何写提示词
3. 从一个简单的页面开始（比如你的个人主页）
4. 尝试不同的风格和布局，感受 AI 的迭代能力
5. 结合你的开发技能，真正实现"Design on canvas, Land in code"

写在最后

从 PS 的来回拉锯，到 Figma 的在线协作，再到 Pencil 的 AI 驱动，设计工具的每一次变革都在释放人类的生产力。

PS 时代：1 个项目需要 1 个团队

Figma 时代：1 个项目需要 2-3 个人

Pencil 时代：1 个人就是一个团队

这或许令人兴奋，也或许让人焦虑。但趋势不可逆转------在这个创意爆发的时代，掌握 AI 工具的人将拥有前所未有的创造力。

而你，准备好成为那个"一个人顶十个人"的人了吗？

---

参考资料：

• Pencil 官网：https://www.pencil.dev
• Pencil Prompt Gallery：https://www.pencil.dev/prompts