使用AI生成和修改组件

如果平台配置了AI（具体配置方式查看文档），在组件设计器中即可使用AI来生成和修改组件。基于大语言模型的能力，为我们快速的完成组件基础结构的搭建。

生成组件

生成组件将会覆盖整个组件内容，将组件模板进行完整的替换，接下来我们将演示如何生成组件

创建一个组，点击AI按钮

在此处可以将设计图粘贴到对话框中，或者通过文字的方式指定生成内容。在这里我们先示例AI生成一个登录页面。

AI已经根据我们的提示词生产了登录页面，但有些时候我们需要使用一些基础的UI组件库来设计页面。我们可以在设置中添加ElementUI的组件。并打开使用组件库。

还是一样的提示词，点击确定按钮。重新生成一个登录页面。

我们生成后的组件，或者现有设计的组件，可能不太满足我们的设计需求，需要对部分内容进行修改的场景。这时候可以使用AI修改组件的方式，让AI根据我们的提示词去修改。

接下来我们将继续以生成的登录页面进行修改，例如我们这个登录页面，我们想让登录的卡片放在页面的右侧。

我们先选中要修改的元素，切换到AI修改组件的页签，输入提示词把登录框放到页面的右侧

背景是纯白色的，我们希望有一个合适的背景图，这时候可以让AI帮我们生成背景图。

选中要设置背景图的元素，元素的设置弹框切换到样式 > 背景 选中背景，输入关键词帮我生成一张商务极简风格的背景图

这样我们就能通过AI完成最基本的模板结构的生成和修改