当前位置：首页 » AI答疑

如何使用Shuffle的AI辅助设计功能？具体有哪些实现方式？

2025-08-20

225

Shuffle AI功能详解

Shuffle的AI辅助设计是其区别于传统编辑器的核心功能，主要通过两种方式实现：

在编辑器左下角打开AI助手对话框后，用户可以输入具体的设计需求。例如输入『创建一个带有会员登录按钮的紫色导航栏』，AI会根据描述自动生成符合要求的组件。为提高生成准确度，建议包含以下要素：

支持上传PNG/JPG格式的设计稿，AI会解析图像中的布局结构和视觉元素，自动生成对应的HTML组件。这个过程特别适合：

生成后的组件会保留完整的Tailwind CSS类，可通过右侧属性面板进一步调整间距、色值等参数。