ProtoPie AI 已上线——现已进入 Beta 版。了解更多

ProtoPie AI 已上线——现已进入 Beta 版。了解更多

菜单

获得最佳结果的技巧

当 ProtoPie AI 可以引用你设计中现有且定义清晰的元素时,效果最佳。

先准备好你的元素

  • 在向 AI 提问之前,先创建所有必要图层(文本、形状、图片等)

  • 包含能反映预期行为的初始内容

    • 示例:计数器显示用“0”,切换标签用“OFF”

使用描述性的图层名称

  • 重命名图层以反映其用途

    • ✓ 用“counterDisplay”替代“Text 1”

    • ✓ 用“submitButton”替代“Rectangle 3”

  • 清晰的命名有助于 AI 理解你的意图并减少错误

使用 @ 提及

使用 @ 提及直接引用图层,以获得更高精度:

  • ✓ “点击时让 @submitButton 变灰”

  • ✗ “让提交按钮变灰”

在请求中尽可能具体

不要这样:“做一个计数器。”

试试这样:“当 Start 触发器触发时,递增计数器变量,并将其显示在 @counterDisplay 文本图层中。”

清晰描述交互

  • 明确触发条件:“点击时(on tap)”、“拖拽时(on drag)”、“滚动时(on scroll)”等。

  • 定义起始和结束状态:清楚说明起始值和结束值(位置、不透明度、缩放等)

  • 包含时间参数:在相关情况下说明时长、延迟或缓动曲线

拆解复杂需求

  • 不要试图在一个请求中完成所有事情——将其拆解为多个更简单的请求

  • 通过后续提问让 AI 调整它刚创建的内容,以细化结果

验证结果

  • 预览交互以确认行为

  • 再次检查生成的公式是否覆盖边界情况

  • AI 负责生成第一版,你来完善最终行为