AI 交互创建功能

概述

AI 交互创建功能允许您使用自然语言构建交互，无需手动配置触发器和响应。只需描述您希望实现的效果，Studio AI 便会生成相应的交互逻辑。

工作原理

1. 打开 AI 面板
2. 使用自然语言输入您的交互请求
3. 可使用 @ 提及特定图层以提高精度
4. AI 将分析您的工作区，规划交互方案，并逐步执行
5. 查看生成结果，并可手动进行精细调整

示例指令

基础交互：

• “点击 @按钮 时改变其颜色”
• “点击 @卡片 时跳转到场景 2”
• “使 @图层 仅能水平拖动”

复杂交互:

• “添加一个‘停止与开始’交互：点击右侧按钮时改变其颜色和文字，并相应地启动/停止计时器”
• “如果邮箱格式无效，则将按钮变为灰色”
• “创建一个切换开关：首次点击显示面板，再次点击隐藏面板”

理解AI的工作流程

当您输入指令时，Studio AI 会依次进行以下操作：

1. 分析工作区： 检查选中的图层、现有变量及场景上下文。
2. 规划交互： 向您展示其计划执行的步骤概要。
3. 逐步执行： 创建触发器、响应动作和公式，同时高亮显示受影响的图层。
4. 确认完成： 显示完成状态，并在需要时提供恢复原状的选项。

上下文感知能力

Studio AI 能理解您的工作区上下文：

• 已选图层： 自动引用当前选中的图层
• 已有变量： 在合适情况下复用现有变量，避免重复创建
• 场景结构： 理解图层层级与分组关系
• 历史交互： 在同一会话中记住之前的请求内容

使用AI生成结果

查看生成的交互:

• 当 AI 创建的元素被提及时，会在画布中以彩色边框高亮显示
• 所有交互详情均在“属性”面板中展示。
• 您可在聊天区域中展开或折叠 AI 的解释部分。

编辑与优化：

• 所有 AI 生成的交互均可通过 Studio 界面进行完全编辑
• 可在 属性面板、交互面板或直接在画布中修改
• AI 会识别您的手动调整，并在后续请求中予以保留

停止与撤销操作

停止: 执行过程中点击 [停止] 按钮可取消操作。已作的更改将自动恢复。

撤销: 完成后，点击 [恢复] 可撤销 AI 最近所做的更改。此选项在您手动编辑画布前一直有效。

停止操作后的结果:

• 如果任务完成后停止：保留编辑内容，任务块冻结。
• 如果任务执行中停止：恢复编辑内容，返回提示输入状态

使用限制

在 Beta 测试期间，AI 交互创建功能存在以下限制：

• 无视觉识别： AI 无法“看到”画布上的视觉设计，仅能读取图层结构与属性数据。
• 仅支持现有图层创建交互：不会生成新的设计或布局。
• 复杂条件逻辑需手动优化
• 无法在组件内创建或修改交互。
• 聊天记录不会跨会话保存。