用户只需要输入一段话，20 秒左右，就能生成两版 UI 设计稿......9 月 20 日，在云栖大会现场，Motiff 妙多研发负责人樊锴演讲分享了 AI 生成 UI 功能的最新进展及开发历程，强调尽快找到 TPF（技术产品契合度）、重视数据积累、完善后台开发体系，都是 AI 功能落地的关键因素。
Motiff 妙多研发负责人樊锴演讲现场
生成式 AI 是 2024 年云栖大会最受关注的议题之一，Motiff 妙多 AI 生成 UI 功能的落地，标志着设计工具从效率工具向生产力工具的转变。“我们希望 Motiff 妙多不止于设计领域的 Copilot， 更能成为 Autopilot，能直接完成日常设计任务，甚至生成完整的设计稿。”樊锴表示。
Motiff 妙多于今年 6 月面向全球发布，开创了界面设计领域的多个 AI 功能。开发全球领先的 AI 功能面临诸多技术挑战：如何让 AI 成为真正可用的生产力、创作兼具逻辑性和艺术性的 UI 设计稿？大模型的能力边界在哪、如何扬长避短？樊锴在演讲中详细分享了背后的工程难点和经验。
Motiff 妙多能生成用户所需的各式各样的界面，生成的设计稿还可在 Motiff 妙多的编辑器中不断调整优化。
锁定应用场景，加速达成技术产品契合度
在 AIGC 领域，不同于常见的文本生成或图片生成任务，UI 生成非常独特。这是因为 UI 设计既需要保证严谨的产品逻辑，又要具备像素级的精确程度，还要兼具美观的视觉效果。这对技术能力提出了相当高的要求。
AI 生成 UI 可由 AI 从零开始创建所有页面内容，这背后有多种技术路径，但生成效果均不理想。樊锴举例称，基于扩散模型的文生图技术可以生成设计图片，但在像素级别的布局控制和内容生成能力上相对欠缺。另一些方法，如生成 HTML 网页代码再转为设计稿，同样面临细节处理能力不足的问题。
对于 AI 应用来说，尽快找到 TPF（技术产品契合度）尤为关键。“相比于传统软件开发，AI 应用的底层技术不确定性高，战略上用户需求驱动，但在战术上产品设计严重依赖于技术可行性。”樊锴在会上表示，关键在于尽快找到最有可能被实际使用的场景，更早得到用户反馈。
生成一张设计稿，需要兼顾整体结构、页面内容和 UI 细节三大方面。设计稿需要包含导航栏、搜索框、内容列表等模块，并匹配合适的文字、图片、图标等内容，同时呈现良好的视觉效果。通用大模型普遍擅长生成整体结构和页面内容，但对于 UI 细节控制还有所不足。
因此，为大模型寻找合适的任务成为解决问题的关键。“让大模型专注于其擅长的领域，即生成页面的整体结构和内容。在细节把控上，通过预定义的组件库来保证美观。”樊锴表示。组件库是大量组件和设计规范的集合，基于组件库的生成方案也更容易支持自定义组件。这不仅能够覆盖大部分 UI 设计场景，还能满足用户对个性化和灵活性的需求。
这也是面向未来的技术方案。“随着软件开发的成本降低，未来应用场景会更个性化，也需要更灵活的交互设计，信息庞杂的交互设计页面反而会减少。”樊锴判断。
筑成数据护城河，率先实现设计 Autopilot
即使是基于组件库的方案，现有通用大模型仍难以生成高质量的 UI 设计稿。这是因为通用大模型并不擅长 UI 设计，也难以理解组件库。为了呈现多样化的效果，组件库包含大量不同类型的组件。以列表为例，就有上百种相似的样式，通用大模型难以分辨其细微差别。
“核心还是在于让大模型充分理解 UI 设计，需要有专门的领域大模型。“樊锴表示。Motiff 妙多近期正式发布了其自研的国内首个 UI 多模态大模型，经过大量 UI 领域的优质数据训练，该模型在多个 UI 任务表现上显著超越 GPT-4o 等通用大模型，能灵活地根据上下文理解界面元素，达到“设计专家”水平，最接近人类对 UI 界面的理解和表述结果。
在自研大模型加持下，Motiff 妙多有效结合了自研大模型的生成能力和组件库的表现力，在多轮行业盲评中取得了第一的生成效果，优于此前业内领先的 AI 生成 UI 工具 Galileo AI、设计工具 Uizard 和文生图工具 Ideogram。
Motiff 在 AI 生成 UI 功能中取得的成功，还得益于长期的专业数据积累。“未来，数据是最重要的护城河。“樊锴表示，“随着大模型能力不断增强、成本不断降低，专业数据将成为更稀缺的资源，为 AI 应用的质量提供坚实保障。”
在开发 AI 功能的工程实施中，Motiff 妙多积累了宝贵的经验。对于大部分复杂任务，Motiff 妙多发现 Flow Engineering（流程工程）比 Prompt Engineering（提示工程）更为有效。相比于单次模型调用的黑箱运行，FLow Engineering 将任务分解为多个步骤，实现整体功能的协同，对团队协作和工程化更为友好。
为了更好地应对 AI 应用开发中的不确定性，Motiff 妙多搭建了一个高效的实验平台。平台不仅支持便捷地定制流程和参数，还能详细记录实验的中间结果，从而帮助团队快速尝试和迭代。
目前，Motiff 妙多 AI 生成 UI 功能在指令遵循和设计美观性上均处于行业领先水平，并在海外社交媒体引起大量讨论。樊锴在会上透露，Motiff 妙多还将持续迭代技术方案，有望于年内发布新的 AI 功能。
