行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

菜单

获得最佳结果的技巧

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

先准备好你的元素

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

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

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

使用描述性的图层名称

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

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

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

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

使用 @ 提及

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

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

  • ✗ “让提交按钮变灰”

在请求中尽可能具体

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

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

清晰描述交互

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

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

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

拆解复杂需求

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

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

验证结果

  • 预览交互以确认行为

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

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