跳转到主要内容
Real Prototype 可以把一个原本只是静态画面的版型,直接转换成可点击的互动原型—— 而且只需要一段简短的提示. 你不必自己手动连接画面或设定互动,superun 会自动帮你建立导览,容器结构与互动流程.

​
操作步骤:Real Prototype 怎么用

​
1. 在外掛中打开 Real Prototype

在 Prompt.to.design 中打开 Real Prototype 功能 打开 Prompt.to.design 外掛,切换到 Real Prototype 分页. 这个模式会让系统用「互动流程」的角度来理解你的版面,而不是純静态设计.

​
2. 选择 Frame 并描述用户流程

选择 Frame 并输入 Real Prototype 提示 选择你想转成互动原型的 Frame. 在范例中,这个 Frame 只是单一张静态图片: 没有图层,没有容器,没有任何互动,只是一张扁平的图. 接着描述你想要的行为,例如:Make this into a clickable signup flow prototype. superun 会分析 Frame 里的视觉布局,准备把它转换成可以互动的 UI 元件结构.

​
3. 产生,导入并体验互动原型

产生具结构与可点击元素的互动原型 产生完成后,结果就不再只是一張图片. superun 会自动:
  • 切分画面成有意義的容器
  • 偵测按钮,输入框与可互动区域
  • 建立对应的导览与流程逻辑
  • 产生一个可以实际点击操作的原型
将原型导入 Figma 之后,你可以直接在画布上做用户测试,流程调整或动效实验. Real Prototype 让你在投入工程或手动原型制作之前,就先拿到一个「可用的互动模型」,
非常适合快速验证想法.