获得最佳结果的技巧
当 ProtoPie AI 可以引用你设计中现有且定义清晰的元素时,效果最佳。
先准备好你的元素
在向 AI 提问之前,先创建所有必要图层(文本、形状、图片等)
包含能反映预期行为的初始内容
示例:计数器显示用“0”,切换标签用“OFF”
使用描述性的图层名称
重命名图层以反映其用途
✓ 用“counterDisplay”替代“Text 1”
✓ 用“submitButton”替代“Rectangle 3”
清晰的命名有助于 AI 理解你的意图并减少错误
使用 @ 提及
使用 @ 提及直接引用图层,以获得更高精度:
✓ “点击时让 @submitButton 变灰”
✗ “让提交按钮变灰”
在请求中尽可能具体
不要这样:“做一个计数器。”
试试这样:“当 Start 触发器触发时,递增计数器变量,并将其显示在 @counterDisplay 文本图层中。”
清晰描述交互
明确触发条件:“点击时(on tap)”、“拖拽时(on drag)”、“滚动时(on scroll)”等。
定义起始和结束状态:清楚说明起始值和结束值(位置、不透明度、缩放等)
包含时间参数:在相关情况下说明时长、延迟或缓动曲线
拆解复杂需求
不要试图在一个请求中完成所有事情——将其拆解为多个更简单的请求
通过后续提问让 AI 调整它刚创建的内容,以细化结果
验证结果
预览交互以确认行为
再次检查生成的公式是否覆盖边界情况
AI 负责生成第一版,你来完善最终行为
