解释
设计工程是在同一个循环里设计并构建产品。一个人,或一个小团队,做出设计决定,并把它们交付为能运行的软件,中间由 AI 工具承担重活。
过去需要一位设计师、一位开发者和几周的交接。现在一个人用 Figma、Claude 和 ChatGPT,一天之内就能从想法走到能用的产品。他们需要的不是更多工具,而是判断什么才是好的能力。
设计工程师不是做完设计再交出去。他们设计一点、构建一点、看看结果,再来一轮。AI 让每一轮都变得便宜,所以循环一天能跑很多次。
01
设计
决定它该是什么样:版式、文字、字体、颜色。
02
构建
用代码把它做出来,大部分由 AI 根据你的设计来写。
03
判断
像用户一样去看它。留下有效的,修掉无效的。
过去的方式把工作一手传一手,每传一次都会丢掉一些东西。新的方式把它留在同一双手里。
交接
数周
循环
数小时
Figma 画板不再只是产品的一张图。当 AI 读取你的设计时,它就是代码的初稿。设计工程师的工作是把设计做得足够清楚、可以据此构建,然后对照设计检查构建的结果。
设计
每天早晨的新鲜面包
代码
<Hero><h1>每天早晨的新鲜面包</h1><Button tone="accent">提前下单</Button></Hero>
1
在 Figma 里画一个新页面的草图,旁边开着需求简报。
2
让 Claude 用设计系统的 token 从画板构建它。
3
打开结果,在手机上用一遍。记下哪里不对劲。
4
自己修好间距和文案,再让 AI 跟上。
5
上线,观察人们怎么用,然后再开始一轮循环。
AI 能做出任何东西的一百个版本。它无法告诉你哪一个适合这个产品、这些人和这个时刻。这就是全部的工作。
01
品味
知道为什么一个版式读起来清楚、另一个感觉不对,尽管两者在技术上都没问题。
02
取舍
选择舍弃什么、打破哪条规则,以及何时足够好就已经足够。
03
人
记得屏幕另一边有一个人,带着目标、糟糕的网络和没有时间。
三组技能,集中在一个人身上。第一天没有哪一组需要很深。每跑一次循环,每一组都会更好。
设计
工程
AI
免费课程从设计这一半开始,然后逐单元加入其余部分。 查看课程大纲