首页 > 技术

MasterGo (莫高设计) 发布「AI 白板」工具,AI 生成应用雏形,探索 UI 创作新范式

2024-01-23 14:58:39      新浪新闻   


  近日,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 实现个人增强、协作增强、业务结果增强。

相关阅读