用 AI 生成 UI 的人,大概都熟悉这个场景:输入一句需求,AI 几秒产出一页看上去挺像样的界面,可打开图层面板问题就来了——颜色值不符合品牌规范,按钮不是团队组件库里的,组件之间毫无复用关系。想让这份稿子能进项目,设计师只能重新整理页面结构,把按钮、卡片、表单等元素逐一替换成真实的组件库资产。知乎官方也承认,这种为了合规的返工,有时候比从头搭建页面更低效。
这个痛点不是个别抱怨。5 月中旬,小红书上一篇《AI生成UI界面,终于能调用自己的设计系统了》拿到 1200 多赞、1600 多收藏,说明让 AI 听懂并调用自己的设计系统,早就是圈子里的共性诉求。小红书
这篇帖子的评论区把需求说得更透:有人指出,md 文件装不下整个组件库,大型产品还是得 md 结合组件库一起用,由 md 告诉模型样式和组件的使用方式。小红书也就是说,不管做设计还是写代码,想让 AI 按规范干活,就得把真实的组件库资产接给它。
Pixso 在 8 月 11 日的动作正是冲着这个痛点来的:官方宣布 AI 智能设计升级「组件引用」和「实例编辑」能力,让 AI 直接读取设计系统中的组件和变量,精准调用已有设计资产。知乎
输入框里多了一个 @ 符号
以前想让 AI 用某个特定组件,只能在输入框里用大白话描述,而不少工具理解中文指令本来就容易跑偏,生成结果大概率用不上。知乎
这次升级把交互方式直接改了:在 Pixso AI 的输入框里敲下 @ 符号,系统自动唤起当前设计文件和已关联的团队资源库,组件、变量、文本样式都能直接搜索、精准引用,作为结构化上下文传递给 AI 使用。知乎区别在于,AI 参考的不再是 prompt 里的文字描述,而是设计系统里真实存在的资产——颜色就是品牌色变量,按钮就是库里那颗按钮。

组件变体的苦力活,也交给 AI 了
搭过设计系统的人都知道这是苦力活:光一个主按钮,就得考虑默认、悬停、点击、禁用、加载等不同状态。知乎再叠加尺寸、层级、带不带图标这些维度,变体数量很快就爆炸,传统做法只能手动复制画板一个个调。

Pixso 的思路是给组件实例装一个智能延伸的大脑:从资源面板拖出基础组件实例放到画布上,选中它,直接提扩展需求——比如让它基于当前卡片结构,生成一个带用户头像、VIP 标识和已关注按钮的社交主页卡片。AI 收到指令后,会解析自动布局规则和层级嵌套逻辑,不破坏底层规范就生成衍生变体,连文案和占位图都自动填好。知乎

这带来的价值有两层:一是组件库不用一开始就把所有变体状态穷举完,维护一套核心基础组件即可,长尾、碎片化的特殊需求直接让 AI 实例编辑去快速衍生。知乎二是基础组件复用率上来了,遇到新业务场景,设计师的第一反应从重新画一个,变成让 AI 基于现有组件改一个。
连起来看,这是一套组合拳
回看 Pixso 8 月的动作,组件引用并不是孤立一招。8 月 6 日官方先介绍了 AI 全流程能力:AI 会先理解需求,生成一套完整的设计系统,把颜色体系、字体规范、组件样式这些基础框架搭起来,再基于这套规则生成后续界面。知乎它甚至支持生成设计稿的同时提取设计规范,之后修改规范,画布里的页面会同步联动更新。

8 月 12 日又补上了评论总结改稿:AI 能读取页面评论、总结归类,再根据整理出的修改方向直接生成一个新版本。知乎把三步串起来就是:先立规范、按规范生成、照着规范改稿,AI 这才算真正被团队的设计系统管了起来。
适合谁,谁可以先观望
对已经沉淀了设计系统、多人协作、变体需求多的产研团队,这两个能力直接命中替换返工和变体维护两个高频痛点,值得拿一个真实项目试试。原来用 Figma 的团队,设计稿也支持一键导入,迁移成本比想象的低。小红书
对个人或小团队、手上还没有任何设计规范的情况,这次升级的收益就有限——没有组件库可引用,@ 符号唤起的就是空的。这种场景更实用的路径是先让 AI 生成一套设计系统,把颜色、字体、组件的基础框架立起来,再基于它生成界面。知乎
还有两条实测经验可以抄作业:AI 生成的准确度和 prompt 的精确性高度正相关,描述里要写具体数值——间距、字号、圆角、高度,别写合理排列这类模糊词;如果 AI 产出的布局结构就错了,别手动改,直接调 prompt 重新生成更快。知乎
还有一个大背景值得留意:Adobe XD 已停更、InVision 已关停、Figma 在 2025 年迎来一轮涨价,国产工具正借着 AI 红利集中爆发。知乎工具选型的窗口本身就在打开,试试新功能,也是一次重新评估工具的机会。
接下来值得盯的两个信号
第一个是交付端生态。B 站上 Cursor+Pixso 这类设计与代码联动的视频,播放量已经接近四万。哔哩哔哩而 Pixso 本身已支持把颜色、字体、间距这些规范一键转成研发能直接对标的代码变量。知乎组件引用如果继续往开发侧打通,设计和研发之间的交接成本还能再降一截。
第二个是价格。社区里关于订阅制设计软件每年几千块值不值的讨论一直没停,也有用户明确因为免费而选择 Pixso。知乎AI 能力最终进免费档还是企业版、定价能不能站住,会决定这次升级能渗透多远。
一句话收个尾:AI 设计工具的竞争,正在从谁生成得更快更好看的上半场,进入谁更懂你设计规范的下半场。这个 @ 符号虽然小,方向是踩对的。