Awesome Generative UI

AI 驱动用户界面生成的精选资源合集

探索生成式 UI 的前沿世界 - AI 正在改变我们设计、构建和交互用户界面的方式。

27
论文
12
案例
17
视频
39
资源
5
讨论

最新资源

📄论文

LEGOUI:用 UI-DSL 积木实现透明、可控的界面生成

2026 年 8 月 HCI 论文,提出面向早期设计探索的分阶段 Generative UI 框架。LEGOUI 用带来源追踪的 UI DSL 记录提示中提取和模型推断的设计决策,允许用户在布局、交互、关系与样式阶段接受、拒绝或补充决策,并从持续演化的规范渲染界面。

genuiui-dsldesign-time
作者 Zhou Y. et al. · 2026-08
阅读更多
📄论文

超越单一评审:用社会化 Persona 小组评估 Generative UI

2026 年 7 月论文,提出 ESPP 生成式界面评估方法,用一组有证据支撑、心理特征多样的 Persona 取代单个 LLM judge。评审者先独立评价界面截图,再通过有界信任机制交换意见,最后以社会权重聚合结果。

genuiui-evaluationhuman-preferences
作者 Wu Z. et al. · 2026-07
阅读更多
📄论文

Design Theater:生成式 UI 的设计说法兑现了吗?

2026 年 7 月论文,提出一套基准,用来检查 Generative UI 工具向用户解释的设计理由,是否真正落实在生成界面中。研究覆盖五款工具生成的 120 个界面,以及结构、样式和功能三类共 24 项任务。

genuiui-evaluationdesign-rationale
作者 Imteyaz K. et al. · 2026-07
阅读更多
📄论文

MV-Bench:多模态大模型的协调式多视图界面构建基准

2026 年 7 月论文,评估多模态大模型能否根据视觉设计生成可执行的多视图可视化界面。MV-Bench 以 Tableau 工作簿作为结构化真值,同时衡量视觉还原、数据绑定、联动交互与代码可执行性。

ui-generationmultimodal-modelsdata-visualization
作者 Zhao Y. et al. · 2026-07
阅读更多
📄论文

通过强化学习检测 UI 设计原则违规

2026 年 7 月论文,研究如何用轻量视觉语言模型评审生成式 Web 界面。作者整合了 WCAG 2.2 无障碍、欺骗性设计和认知可用性三类共 19 项原则,并在约 10,000 个注入且验证过违规项的生成页面上训练模型。

ui-evaluationaccessibilitydesign-quality
作者 Mehta N. et al. · 2026-07
阅读更多
📄论文

TaskArtisan:为 LLM 辅助分析设计可组合的生成式组件

2026 年 7 月 HCI 论文,研究 Generative UI 如何让冗长、多步骤的聊天式分析流程更容易回顾和复用。TaskArtisan 支持用户创建分析组件,并将其组合成顺序或扇出式工作流,再通过 12 人对照实验与传统聊天机器人进行比较。

generative-widgetsanalysiscomposition
作者 Chen M. and Pavel A. · 2026-07
阅读更多
📄论文

AI Prototyper:基于分解方法与 LLM 的 Figma GUI 原型插件

2026 年 7 月论文,提出 AI Prototyper:一个开源 Figma 插件,可把自然语言描述转成完全可编辑的界面原型。系统先把需求拆成可审核的功能列表,再从固定的 32 个基础组件中检索并生成符合 schema 的实例,最后用 auto-layout 渲染为原生 Figma 图层。

figmadesign-timegui-prototyping
作者 Salangsingha T. et al. · 2026-07
阅读更多
📄论文

Spatula:探索按需生成的原位界面与属性控制交互

2026 年 7 月 HCI 论文,提出 Spatula:一个由 LLM 驱动、可直接在动态图形画布上生成情境化控件的系统。其弹性属性控制空间支持渐进发现、多层精度、语义分组编辑,以及按需扩展新控件。

on-demand-uicreative-toolsdirect-manipulation
作者 Li B. et al. · 2026-07
阅读更多
Blazor Community Standup:使用 AG-UI 与 A2UI 构建 Generative UI
🎬视频

Blazor Community Standup:使用 AG-UI 与 A2UI 构建 Generative UI

.NET 官方演讲,展示 Blazor 应用如何结合 Microsoft Agent Framework、AG-UI 与 A2UI,让 Agent 动态组合和调整界面组件,并讲解整体架构、协议、组件定义及实际演示。

blazorag-uia2ui
作者 .NET · 2026-07
观看视频

生成式 UI 精选资源合集。

用 ❤️ 由社区制作