一句提示生成完整界面的体验很惊艳,但修改往往很痛苦。用户看到的是最终页面,却看不到模型为何选择这组信息层级、为什么把某个按钮放在这里,也不知道改一句提示会保留哪些设计、推翻哪些设计。
LegoUI 把这个问题定义为设计推理不可见 。它没有让模型直接一次性产出页面,而是先把需求理解和设计决策拆成可以检查的中间表示,再按阶段生成布局、交互、关系和风格。
LegoUI 将提示拆成可编辑的 UI-DSL 决策,再分阶段生成界面
这使用户能够在代码和像素形成之前纠正模型,而不是等页面完成后,用另一段模糊提示要求它“再改得简洁一点”。
#UI-DSL 是设计决策账本
LegoUI 使用一套 UI-DSL 作为用户提示与最终界面之间的中间层。它记录的不是具体 CSS,而是更接近设计意图的条目,例如需要突出的内容、页面区域、导航方式、组件关系和视觉风格。
每条决策还保留来源:它可能直接来自用户提示,也可能是模型为了补足需求而推断出来。用户可以接受、拒绝、修改或新增条目。
来源追踪很关键。传统生成器把用户要求和模型猜测混在最终页面里;一旦结果不对,用户只能整体重写提示。带来源的中间表示则能回答:这是明确需求,还是模型自己的设计判断?
#五个阶段把错误拦在更早的位置
系统先完成基础需求分析,再依次展开五个维度:要求、布局、交互、关系和风格。每个阶段都会展示当前推断,允许用户调整,然后把已确认的结果传给下一阶段。
LegoUI 从需求分析到布局、交互、关系、风格和迭代渲染的完整流程
这种次序符合设计决策的依赖关系。若信息结构尚未确定,过早讨论颜色和圆角没有意义;若交互逻辑有误,直接修改最终代码只会增加返工。
分阶段不意味着人必须审查每一个细节。用户可以快速接受合理推断,只在关键承诺上介入。系统要优化的不是“让用户参与得越多越好”,而是在错误代价最低时提供足够控制。
#可控生成与生成后编辑不同
很多 UI 生成器也允许用户在完成后修改组件,但那通常只改变结果,没有改变产生结果的推理依据。下一次重新生成时,模型可能再次犯同样的错误。
LegoUI 让修改回到 UI-DSL。新增导航规范或组件关系后,后续版本会从更新后的设计说明重新生成。论文中的示例显示,用户补充组件与导航约束后,界面结构发生了可解释的变化,而不是局部像素被手工修补。
这使中间表示成为可复用资产:它既能驱动当前页面,也可以支持版本比较、团队审阅和后续迭代。
#技术评测先看明确需求有没有被满足
研究团队使用 40 个真实世界提示进行技术评测,把提示中的明确需求编码为可检查项。论文报告,LegoUI 对显式需求的准确率超过 95%,覆盖接近完整,并实现零冗余。
这些结果支持了分阶段结构在需求对齐上的潜力,但需要注意,技术评测的真实标准、编码流程和系统实现都由研究团队构建。它更能证明方法在当前实验设置中自洽,尚不能替代跨数据集和独立团队复现。
另外,显式需求满足率只覆盖用户说出来的部分。一个页面即使逐项满足提示,也可能在信息架构、可访问性或真实业务约束上存在问题。
#小规模用户研究更支持“对齐”,而非单纯“更漂亮”
论文对 LegoUI、Claude Chat、Bolt、Lovable 和 Vercel v0 进行了界面比较。在主要 UI 评分图中,15 名参与者从意图对齐、可用性、可访问性、视觉一致性和可信度五个维度评分。
LegoUI 的平均分分别为 4.22、4.31、4.49、4.53 和 4.42。总体偏好中,它获得 23 次第一选择和 13 次第二选择;Claude Chat 为 11 次第一选择和 13 次第二选择,Bolt 为 5 次与 7 次。
LegoUI 与其他生成工具在五个 UI 质量维度上的平均评分
访谈给出的信号比单一排名更有意思:参与者重视的不只是视觉精致,而是界面是否与自己的意图一致、能否看懂系统做了哪些推断,以及能否在早期修正方向。
不过,15 人是小规模受控研究,系统提示、任务类型与实现成熟度都会影响比较。结果适合说明设计方向,不适合宣称某个工具已经普遍优于其他产品。
#透明度也会产生新的交互成本
把每项推断都外化,会让过程更可控,也可能让用户面对大量中间决策。简单页面若被强制拆成五轮审查,生成式 UI 的速度优势会被流程消耗掉。
因此,下一步产品设计不应只是照搬固定阶段,而要根据风险和不确定性调节透明度:高置信、低影响的决策自动通过;低置信或会影响整体结构的决策主动请求确认;专家用户可以展开完整决策树,普通用户只看到关键分歧。
可控性还需要版本与依赖管理。修改一个上游需求后,系统必须明确哪些下游布局和交互已失效,而不是悄悄保留冲突状态。
#生成式 UI 需要一条可回溯的意图链
LegoUI 揭示了一个常被 demo 忽略的问题:界面不是图片,而是一组相互依赖的设计承诺。用户真正需要控制的不是最终截图中的每个像素,而是这些承诺如何从需求一步步形成。
当生成系统能够保留来源、展示推断、允许局部否决并稳定地重新生成,提示词才不再是一次性的黑盒输入,而会逐渐变成可协作、可审查的产品规格。
生成式 UI 的竞争,最终不会只看谁第一次生成得更惊艳,还要看谁能让第二次、第五次和团队共同修改时仍然保持可控。
