上周和一位创业公司的产品总监聊天,他提到个很有意思的困境:公司花大价钱建立的设计系统,在AI代理自动生成的界面中总是走样。「就像请了个天才画家,但他总记不住我们公司的logo该放左边还是右边。」他苦笑着比喻。
这让我想到Vibe Coding的核心哲学——我们不是在写代码,而是在定义意图。当AI代理需要遵循UI/UX规范时,问题关键就从「如何让AI写对CSS」变成了「如何让AI理解并执行设计意图」。
传统开发中,设计师产出Sketch文件,工程师手动实现。这个过程中,设计规范通过人工理解来传递,误差不可避免。但在Vibe Coding范式下,我们可以把设计系统本身转化为机器可读的「黄金契约」。
举个例子,Airbnb的设计系统就包含了颜色、间距、字体等严格规范。在Vibe Coding中,这些不再是写在文档里的建议,而是变成AI必须遵守的「策略配置」。当AI组装界面时,它会像遵守交通规则一样遵循这些配置,确保每个按钮的圆角都是8px,主色调永远是#FF5A5F。
我实践中的一个关键发现是:设计规范需要分层管理。基础规范(色彩、字体、间距)应该作为系统级约束,而组件级规范(按钮样式、表单布局)则作为能力描述的一部分。这样,当不同的AI代理协作时,它们都在同一个设计语境下工作。
更妙的是,我们可以让AI成为设计系统的「守护者」。当某个生成结果偏离规范时,系统会自动检测并提示修正。这就像有个不知疲倦的设计总监在实时审查每个产出。
但这里有个陷阱——过度规范会扼杀创造力。我的经验是,把设计规范分为「必须遵守」和「建议遵循」两个层级。品牌标识相关的必须严格,而布局细节可以给AI一定自由度。毕竟,好的设计需要在规则与创新间找到平衡。
未来,我设想设计系统会进化成「活的设计语言」。它不仅是静态的规范集合,更是AI理解企业品牌价值的语义网络。当AI代理需要设计一个新功能时,它不仅能套用现有组件,还能基于品牌调性创造出符合规范的新元素。
回到开头那位产品总监的问题,我的建议是:别想着如何让AI「记住」设计规范,而要考虑如何把规范变成AI的「本能反应」。在Vibe Coding的世界里,设计系统不是约束,而是赋能——它让每个AI代理都成为品牌一致性的守护者。
想想看,当每个自动生成的界面都完美体现品牌精神,当设计一致性不再依赖人工检查,我们解放的何止是开发效率,更是创造力的无限可能。
