Together with

我最近对”AI优先”设计工具情有独钟。而这个正是开启高效设计之路、通过消除重复枯燥的”机械劳动”来提升质量的关键所在。
什么是机械劳动?
任何需要反复操作的常规工作,比如重复设计相同页面——尤其是当这些页面在你的设计系统中已有模板描述时。我最痛心的例子?莫过于表格和表单设计。
曾为某全球顶尖公司工作时,一个6人团队耗费三个月编写了一份长达40页的表格控件规范文档。注意:不是写代码,也不是做设计,仅仅是编写规范文档,而且里面没有任何插图。这绝非玩笑。
另一个典型案例是简单表单设计。某世界级公司花费数月设计登录页面:同样不涉及编码,只是十余位资深专家反复纠结字段长度、居中对齐方式、密码找回链接的文案措辞,以及按钮该用”Sign in”、”Log in”还是”Login”等问题,讨论次数竟达150次之多!
我敢打赌,此刻正有人忙着设计标准地址表单的新版本,争论是否拆分姓名字段、是否添加第二地址行,以及按钮该用”提交”还是其他更符合品牌指南的文案。
在AI时代,这类工作正是”数字劳工”的专长。事实上,AI通过借鉴主流网页和移动端案例,反而可能减少错误——尤其是当它基于完整成熟的设计系统运作时。
现在是时候将这个过程自动化了。即将问世的”AI优先”UX设计工具,只需简单指令就能直接生成可运行的React代码。而速记式UX设计符号,正是这个指令的核心。
但在此之前,我们需要明确哪些工作不应交给AI。
何谓非机械劳动?
作为设计师,你真正的价值应体现在哪些领域?简而言之:
- 创新发明
- 战略决策
- 利用AI优化用户体验
- 提升产品市场契合度
- 推动产品路线图愿景
- 协调利益相关方
- 产品整合
更直白的答案:任何能帮公司降本增效的工作。
最直接的判断标准:无法用速记式UX设计符号描述的内容。
速记式UX设计符号解析
在前期文章中,我们承诺展示马头梁抽油机AI检测曲线异常的UI设计。

当最终”UI”呈现为以下速记符号时,许多人感到困惑:
Rule Detail: [Fluid Pound] (0)ON ( )OFF
{Anomaly graph} <retrain>
Settings:
Analyze every [10 \//] cycles
When confidence match > [90] %, perform the following:
[X] Pause pump for [10 minutes \/ ]
[ ] Notify [Email 1, 2… ]
[ ] Generate [Warning \/] alert
[[Update]]
这种手绘线框图的速记法源自我20年前的咨询实践。

在远程会议尚未普及的年代,这种符号系统能帮助团队快速达成共识:
- 节省时间
- 提升沟通效率
- 纯文本记录
- 清晰描述设计
- 完整记录决策
- 实时协同创作
- 适用于复杂表单、表格和图表
基础组件对应关系:
[Fluid Pound] //input field
[Description…
] //text area
(0)ON ( )OFF //radio buttons
{Anomaly graph} //non-form elements, pictures, hero images, etc.
(More info) //helper text
<retrain> //link
Settings: //section header
[10 minutes \/ ] //drop-down
[10 minutes | 20 minutes | 30 minutes | 1 hour \/ ] //drop-down showing options
[X] //checkbox checked
[ ] //checkbox un-checked
[[Update]] //primary button
-|——— //slider
(0 ) //switch
Etc.
表格设计的速记优势尤为明显。对于采用相同模板但不同列的标准表格,只需定义列标题和示例内容:
Table:
Rule|On|#Wells|Runs (24hrs)|Last Updated|Updated By
Fluid Pound|(0 )|1,000|24,000|1/11/24 3:02 PM|jsmith
Sort: on; #Wells. Search: by name.

AI赋能:从速记符号到React代码
使用速记符号记录设计需求,不仅能即时提升文档效率,更关键的是这种格式极易被AI解析。很快,AI就能根据你的速记笔记,运用标准设计模式和组件库,自动生成10-20个可运行的React线框图。例如输入:
Rule Name|ON|#Wells|Runs (24hrs)|Last update| by
Fluid Pound|(0 )|1,000|24,000| 1/1/24,3:02pm| J.Smith
AI将自动识别:
- “by” is a standard “Updated By” column in the system.
- “J.Smith” is rendered as a login handle in the system, e.g. “jsmith”
- “1/1/24,3:02pm” is actually a date, and the standard date format in the system is “1/11/24 3:02 PM”
- Etc.
通过标准模式识别和即时修正,那些导致沟通障碍、浪费产品开发周期的低级错误都将被消除。这正是AI的专长——处理机械劳动,释放设计师的创造力。
设计师的未来价值
作为顾问,我常年在现有设计系统框架下工作。多数组件决策早已确定,我的价值在于:
- 理解客户盈利模式
- 发明专利技术(已帮助客户申请24项专利)
- 提出战略性建议
- 避免无谓的”重复造轮子”
在AI时代,当工具能在数秒内根据速记符号生成20种设计方案时,请自问:
- 我是否在重复绘制相同表格/表单的Figma线框图?
- 现有设计能否用几行速记符号直接转换为React代码?
- 如果是,如何真正创造不可替代的价值?
答案在于:同理心、故事叙述、创新发明——这些人类独有的核心能力。