如何使用AI UI Designer的设计工作流生成整套设计

AI UI Designer的设计工作流

www.aiuidesigner.com，是一个设计Agent，主要用来设计UI和原型。现在有两种方式。

一种是Vibe Design，就是直接让AI生成。各个页面之间的一致性较差，但比较简单，很容易上手，对于快速生成一两个页面，是非常好的选择。

另一种是最近上线的设计工作流。它的出现，主要是为了解决设计一整套多页面的网站/APP时，一致性较差的问题。使用设计工作流，可以一步步生成网站的一整套页面UI设计。并且各个页面的一致性是比较高的。

设计工作流的基本流程是：Plan - Task - Design。

也就是先用Plan Agent来做整个项目的方案，从主要页面到设计风格等。然后会生成task，最后再design。

如何使用

使用设计工作流，也是在首页的输入框，直接输入要设计的产品的基本信息，然后点击”Plan First”。

然后，plan agent的UI就会打开，并自动开始Plan。

Plan结束后，确定方案没有问题，就可以进入下一步了。如果觉得方案有问题，也可以手动改一下。

下一步，就会进入designer编辑器中，task组件自动展开，列出要生成的页面。这些页面都是在Plan阶段规划好的。

点击其中一个页面的”Generate”按钮，就会把这个页面已经生成好的提示词提交给design agent，开始生成UI。