近日，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 实现个人增强、协作增强、业务结果增强。
（免责声明：本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿，凡在本网站出现的信息，均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性，但不保证有关资料的准确性及可靠性，读者在使用前请进一步核实，并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏，概不负任何法律责任。
任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时，应及时向本网站提出书面权利通知或不实情况说明，并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后，将会依法尽快联系相关文章源头核实，沟通删除相关内容或断开相关链接。 ）
