AI 时代，设计师怎么设计设计系统/Design System

#一边一边

今天我割草、收拾院子时听的播客，嘉宾是发明了 Atomic Design/原子设计 的 Brad Frost

https://t.co/5f3wemPFNb

他围绕设计系统，聊了一些很有趣的话题：

- 为什么要建立一个通用的设计系统？

他想在 HMTL 和具体设计之间，加一层通用的 UI，那么每个公司、团队不必浪费时间建立和维护基本的 UI 库，设计系统可以把时间花在更重要的地方：了解用户需求和行为

- 怎么利用 AI 提升设计系统

比如 AI 很善于生成变量、测试概念，设计师可以指定一个 UI 标准，由 AI 来生成几百个变种、并分别测试效果

- 设计系统设计师怎么在 AI 世界里获得成功

做人擅长的事情：做决定，了解人类用户的真实需求

- 设计师怎么跟程序员、工程师合作

Figma 为了提高协作效率，越来越多地引入前端开发的概念，这给设计师带来了极大的障碍，“设计师要不要学编程”也变成了经久不衰的争议

嘉宾建议设计师了解前端涉及的一些基本概念，比如 CSS 盒子模型，最重要的是 - 直接跟程序员说：我不懂这个啊，你给点建议啊……（注）

- 再小的系统，也可以有设计系统

嘉宾拿自己给太太设计小网站为例，他从头开始就按照“设计系统”思路工作，提高了效率（注2）

上面是我凭记忆写的提纲和解释，为了避免疏漏和偏差，大家自己去听节目吧

注1：

在合作环境里承认自己不懂，是一种重要的竞争力，这本质上在一个对抗的环境里，把你作为一个“弱者”，转变成了一个可以沟通、可以学习、可以适应、可以信任的“合作者”

注2：

一个正常的设计系统，既不是前端程序员以为的 UI 库，也不是设计师嫉恨的刻板设计规范，抛开它的形式，设计系统是避免混乱的一套协作方式

对公司和团队而言，设计系统是避免设计任务过于发散的工具。而对设计师个人而言，设计系统是帮助设计师养成条理的好习惯……

很多设计师抱怨，说设计系统遏制了自己的创意啦……拉倒吧，90% 的设计师 90% 的时间里没有产生过任何创意

点击图片查看原图

点击图片查看原图