MasterGo (莫高设计) 发布「AI 白板」工具，AI 生成应用雏形，探索 UI 创作新范式真相究竟是什么？

cht 2024-01-23 9次阅读

近日，AI 时代的企业级产品设计平台 MasterGo (莫高设计) 在 AI 生成 UI 技术上取得新进展，旗下 MasterGo AI 实验室发布了「AI 白板」工具，基于 AI Native 能力探索 UI 创作新范式。

「AI 白板」工具能够识别手绘图、原型图及注释等多种输入，快速生成应用雏形，设计开发一步到位，并且支持多种主流的前端框架，例如 Tailwind、React、Vue、Ant design 等。作为 MasterGo AI 实验室前沿探索的最新成果，「AI 白板」实现了利用 AI 直接将原型图生成 HTML 真实界面，大大缩短了产品设计开发的流程，将为独立开发者、初创公司、乃至中大型企业的数字产品创造过程加力提效。

MasterGo AI 实验室的「AI 白板」工具的核心价值在于其更加强大的 AI 智能识别和生成功能。无论是输入原型图及注释，或者输入脑图、流程图等，甚至拖入手绘稿，AI 都能够清晰地理解交互逻辑，直接生成应用雏形，设计师可以轻松驾驭 AI，专注于创意和设计的实现。

不仅如此，设计师和开发者还可以输入更加丰富、清晰的指令，包括额外提示词、多种前端组件等，AI 能够直接生成真实代码构建的应用雏形，还可以在画布上实时预览、操作真实的应用界面，从而省去了繁琐的编码和反复调整过程。

更令人惊喜的是，「AI 白板」可以帮助用户在已生成的应用基础上轻松进行二次加工和修改，激发更多的创意和可能性。「AI 白板」可以帮助实现应用风格的切换，设计师只需要将视觉参考拖入画布，AI 能够根据参考自由切换应用风格。AI 同时还支持响应式布局，省去手动调试的麻烦，确保应用适配各种设备和屏幕尺寸。此外，「AI 白板」支持查看代码，如果需要调整应用细节，可以更快地进入开发流程。以上这些特性让「AI 白板」在助力加速开发方面具有显著优势。

过去，数字产品常见的开发流程是先由产品经理撰写产品需求文档，然后由产品经理或者交互设计师梳理出用户的使用流程或原型界面，再将需求文档、用户流程图、原型图等内容提交给 UI 设计师进行界面的设计。UI 设计师将界面设计好，再由前端工程师将界面设计效果进行还原，客户端、后端、算法等多种研发工程师进行开发，最后再进入测试和上线流程。整个产品设计开发流程非常长，且涉及的人员多，需要反复修改和沟通。而 AI 技术可以在产品设计开发流程中辅助生产，例如产品经理或者交互设计师可以利用 AI 生成界面，前端工程师只需要进行检查和修改，就可以完成界面设计效果还原，从而可以更快地进入功能开发阶段，大大加速了产品设计开发的全流程进展。

MasterGo AI 实验室的相关负责人表示：“UI 在产品的表达是利用图像和代码实现的，这正是 AI 技术最擅长的领域，但目前 AI 生成最大的问题是可控性无法达到生产上的要求。MasterGo AI 实验室在探索 AI 实践的过程中发现，原型图就如同 Stable Diffusion 的 Controlnet 一般，可以高效表达产品设计的意图，并且让 AI 理解 UI 所想表达的结构，从而保证 AI 生成的内容符合需求意图。MasterGo AI 实验室相信，相比单纯的文字输入，多模态的输入更容易帮助 AI 理解和生成复杂的UI 和交互逻辑。”

MasterGo AI 实验室的这一创新工具无疑为数字产品产研领域带来了重大变革。通过「AI 白板」工具，设计师和开发者可以更高效地实现创意，缩短开发周期，提升产品质量。这对于整个行业来说，无疑是一次巨大的推动。未来，MasterGo (莫高设计) 将继续发挥其在 AI 技术应用方面的优势，不断推出更多具有影响力的 AI 创新产品和服务，为设计师和开发者提供更高效、更智能的工作体验。

据了解，MasterGo (莫高设计) 于 2023 年 3 月成立了 MasterGo AI 实验室，从「AI+设计系统」、「AI+创作提效」两个维度出发，致力于服务企业和团队的真实工作场景，更好地打通创作者、生产过程和生产结果，助力 MasterGo 2.0 实现个人增强、协作增强、业务结果增强。