🔗 原文链接 (原文已经很细腻了,推荐阅读)
你没有被取代,你终于自由了。
那是一个没有 Figma 的早晨。
未来的我在纸上勾勒出核心流程,在 iPad 上简单地画了几个页面框架,并用手写批注标出主要的交互意图。没有像素对齐的纠结,没有组件库的拉拉拽拽,没有对「插入工具」的反复切换。一切都只是“把脑子里的东西画出来”,那种流畅与自由,仿佛又回到了设计的初衷。
这幅看似粗糙的手绘草图被输入一款生成式 AI 工具,不出十秒,AI 将它转化成了遵循设计系统规范、可访问性达标、可直接用于开发环境的前端代码。到了中午,这些页面已经上线测试环境,和开发团队对接数据源的工作也已开始进行。
设计,不再是模拟器。
曾经,我们在 Figma 中一帧帧地画着屏幕,从对齐像素到按钮动效,极尽细节之能事。但那只是产品的影子——是模拟,是幻影。真正的代码、真正的交互,仍要由开发者从头构建,重新将我们“画出来”的产品翻译成现实。而现在,AI 直接用我们定义的材料语言,生成产品的第一个可用版本。
这种变化并不是一夜之间发生的。它始于一种设计哲学的转向。
“我们爱 Figma。”未来的我依然这样承认,“但它偷走了我们的注意力。” 我们开始用 UI 的产出数量来定义价值。我们忘了自己是用设计解决问题的专家,不是“交付高保真稿件”的美工外包。我们追求完美的像素,但忘了我们真正想交付的是——思考。
问题从来不在于高保真,而在于我们为“高保真”重复劳动:一次是为了自己和团队理解,一次是为了开发可交付。未来的设计师不再经历这两次冗余。他们只需要画一次——那次,是为了产品真正被构建。
真正的转折点,不是某个 AI 工具的问世,而是一套成熟设计系统的建立。
未来的设计系统已不再是按部就班的组件库,而是一个富有语义和结构的材料生态系统。它拥有 token(变量)、基础元素、组合构件、模式模版,甚至流程套件。设计师不再每次都从「颜色选择器」和「形状工具」起步,而是像建筑师一样,用标准材料构建空间。草图,不再是灵感的涂鸦,而是一张“可以被执行”的施工图。
你在纸上画一个页面结构,加上几个「导航」「卡片」「表单」的批注,AI 就能根据设计系统,构建出真实可用的 UI。不是 mockup,不是 prototype,而是——“可以测试的产品前端”。不再是玩具,而是真枪实弹。
像 UIzard、UX Pilot 这样的工具最初并不惊艳,但当它们与 Builder.io、Cursor 等平台融合后,一个梦幻场景出现了:你选中 AI 给出的 UI 布局草案,只需点击一次,它就会用你定义好的设计系统生成可访问、可维护的前端代码。你甚至可以直接用它做可用性测试,因为它是真的能点、能操作的页面。
起初你可能会有些不习惯,觉得自己“失去了对像素的掌控”,但很快你会意识到:你真正获得的是更清晰、更具价值的输出。你交付的不再是图片,是产品的第一块砖。
AI 没有让设计师失业,它只是将他们从生产流水线上解放出来,让他们有更多时间去做那些真正值得做的事:
去深入理解问题的根本,而不是调 margin 的数值; 去规划未来的体验,而不是拉通栏高和字距; 去和产品、开发坐下来谈结构和目标,而不是一个人守着 72 页 fig 文件做状态说明。
“我不再是那个‘做屏幕的人’,我是那个塑造系统、构建体验的人。” 未来的设计师这样说。
这一切转变并不容易。你可能会觉得困难、破碎、像是在学一门新语言。但未来的我给出了一张路线图,希望你早点开始走上这条路:
第一步,是构建成熟的设计系统。它必须与代码库深度绑定,有明确的 token 结构、模式模版和语义体系。GPT 们只有在能理解这些材料时,才知道该如何自动生成页面。
第二步,是延长探索期。不要急着跳进高保真制作,用白板、草图、便利贴,尽情地探索与评估多个方向。AI 擅长执行,但人类擅长突破——突破往往发生在“乱糟糟”的探索阶段。
第三步,是建立协作语言。设计不再是你一个人的事。产品、工程、AI 工具共同参与设计流程。你需要学会讲故事、建共识、拉同盟。把设计语言转化为团队语言。
最后,记住要从小开始。找一个低风险的功能页面,试着用草图加注释+AI 输出代码。你会踩坑、会输出垃圾、会不断调整 prompt,但你也会开始理解新工作方式的真正价值:不是自动化,而是加速。是让你花更多时间解决问题,而不是画图。
这封信以温柔的方式结尾:“你没有被取代,你终于自由了。” 设计从来不该是图纸生产线,我们也不是像素机器。我们是体验的策划者、是愿景的表达者、是系统的塑造者。
未来的你,终于不再为 mockup 忙到深夜。你正用十年前的草图技巧,构建十年后的产品。