返回首页联系我

探索中 - AI生成UI项目

围绕 AI 直接生成页面与组件的探索总结,当前聚焦稳定性、可控性与落地闭环。

编辑
版本: 1.0.0
更新: 2026-03-21
AI 质量与效率
资源读源

项目简介

坦诚地说,本项目在产品形态上深度参考并逆向工程了 Google 的前沿实验性产品 Stitch。 我们认同并复刻了其核心的产品工作流:“自然语言 → 思考规划 → 全局设计规范(Design System) → 多界面生成 → 对话式精确修改 → 导出至 Figma”。DesignFlow v2 作为一个正在进行中的前沿探索项目,聚焦于 AI 在实际设计生产中的稳定性、可控性以及落地闭环。

然而,在“项目级长效记忆(Project Memory)”的架构设计与上下文管理功能上,我们在理论上做出了优于 Stitch 的探索(目前正处于实测阶段)。传统的 AI 辅助设计往往只具有单次对话的短期上下文,或者仅有简单的结构化约束;而我们创新性地引入了独立的双层上下文模型:一层是供 LLM 阅读的结构化约定(ProjectContext),另一层是能够像操作系统一样持久化、随生命周期不断演进的长效记忆系统(Project Memory),使得 AI 在多次交互后依然能拥有极强的全局一致性记忆。

DesignFlow v2 长效记忆系统刷新流程

意图解析与规划

解析用户意图,生成 Planner 任务

刷新 Task

更新 Task Envelope

独立记录当前任务目标、风险与状态

制定规范

构建设计规范

推理并确定全局 Design System

刷新 DS

更新 DS Memory

持久化项目的调色盘、字体与组件约束

界面水合

多界面生成与渲染

逐个屏幕生成高保真 UI 与 HTML

刷新 Screen

更新 Screen Memory

提炼并沉淀单屏的角色、摘要及共享模式

会话收尾

项目级上下文归纳

总结本次对话对整体项目演进的影响

刷新 Summary

更新 Project Summary

重写全局项目大纲,维护状态图景

长效记忆循环:后续局部对话修改 ↺ 精准触发相关记忆块的局部刷新(更新 Screen/Shared Components)

产品核心价值

  • 从“单点生成”到“工程化体系”:产品的核心创新在于引入了“设计规范层(Design System)”作为 AI 代理与输出结果之间的中间约束。它确保了生成的多个页面具备视觉与交互上的高度一致性。
  • 降本增效的生产力重塑:为独立开发者、小团队以及产品经理提供了极速获取“专业级多页应用设计”的能力。它不再只是一张截图,而是具备结构化属性、可直接导出并桥接到 Figma 进一步精调的真实资产。
  • 面向意图的创作闭环:降低了传统设计工具中繁琐节点级操作的门槛,用户只需描述业务需求与风格意图,AI 即可在极短时间内搭建起具备底层逻辑的高保真产品原型。

UI/UX 设计价值

  • “无限画布 + 对话流”双核体验:抛弃了割裂的对话框与预览页,将沉浸式的无限画布与对话式 AI 深度融合。用户在全局视角下审视所有界面的同时,可通过自然语言对话对局部或全局进行非破坏性修改。
  • 高确定性的 7 阶段状态机:AI 生成多界面需要较长的响应时间,我们设计了极其细腻的前端状态反馈链路(输入需求 → 规划文本流式输出 → 设计规范生成 → 界面占位符与呼吸态渲染 → 逐屏高保真水合)。通过透明清晰的状态推进,完美管理了用户的心理预期,大幅降低了等待焦虑。
  • 全画布感知与级联提示:在 UX 逻辑上引入了高级的“上下文感知”。当用户通过对话修改某个公共组件(如导航栏)时,系统能够感知其对其他页面的级联影响,并向用户提供风险提示与同步建议,保证了产品设计的全局严谨性。

面向未来的 AI+UI 形态探索

本项目的核心意义在于探索 AI 工具在下一代计算平台中的演进方向:

  • 更深度的系统级记忆(Memory OS):抛弃了单纯依赖长 Context Window 暴力的填喂方式,构建了由 project-summary, task-envelope, decision-log 等构成的认知外脑,这是迈向完全自主设计 Agent 的关键。
    • 为何如此构建(Why):大模型在超长对话中极易出现“注意力衰减(Attention Decay)”,如果将所有历史聊天记录直接丢给 AI,它很快就会遗忘早期的规范或逻辑。将记忆结构化、模块化后,我们可以实现“精准局部注入(Precision Injection)”,大幅提高跨多轮对话的生成稳定性。此外,这种透明的文本记忆体系也允许人类设计师随时审阅和干预,真正打破了 AI 思考的“黑盒”。
    • 各记忆模块的核心作用(What)
      • project-summary(项目总纲):AI 的“北极星记忆”。记录项目最核心的商业意图、整体状态图景与全局数据。确保无论经历多少轮局部修改,Agent 都不会偏离最初的产品定位。
      • task-envelope(当前任务信封):AI 的“工作台暂存区(Working Memory)”。精准记录当前这一步的目标、已完成动作、存在的风险以及下一步计划。它约束了 Agent 在复杂的管线中保持专注,清晰知道“我现在在哪,马上要做什么”。
      • decision-log(决策日志):AI 的“底层逻辑库”。专门记录关键设计决策背后的“为什么”(例如:为何在此处采用底部 Tab 栏而非抽屉导航)。当发生增量修改或跨屏交互时,Agent 可通过翻阅此日志,避免产出自相矛盾的 UI 逻辑。
  • 混合智能的架构范式:在自由的创意生成与严格的代码级确定性约束(CSS 变量、强制组件)之间找到了平衡。这是未来专业级 AI 设计软件必不可少的底层逻辑。
  • 多智能体协同(Agent Orchestration):在复杂的设计任务中,实践了“规划者(Planner) → 规范制定者(DS Agent) → 页面生成引擎(Screen Gen Agent)”的协作模式。
  • 不可变的资产化过程:坚持“生成的界面作为第一公民”的理念。任何基于对话的修改都是非破坏性的版本迭代,且提供从概念到结构化资产的完整引流通道,使 AI 产物真正具备工业级价值。

On this page