GPT中文小秘书挑几下就能开工
我积分

做原型交互说明动效表

关于「做原型交互说明动效表」:能拿到什么、要点选什么、怎么办

传 Figma 截图或录屏,点几下,5 分钟拿到能直接对接的动效说明。为Figma原型生成交互动效说明表,明确触发条件、时长、缓动类型等,供开发对接使用;不替代前端实现,不提供代码或CSS参数。

能拿到什么

  • 推荐:排好版的交互动效说明 Excel,按页面分 Sheet,参数列齐全,可直接给开发对接(Excel 多 Sheet,每行一个动效,触发/时长/缓动/备注分列,表头加粗),约 5 分钟
  • 旗舰:交互动效说明表 Excel、动效参数速查卡 PDF、开发对接检查清单

要你点选的几项

交互动效类型、覆盖范围、上传Figma截图/录屏、要记录哪些参数、缓动怎么写、时间单位、异常情况处理、补充说明、表格怎么排、位移距离、动效档位、交付格式。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 上传Figma截图或动效录屏
  2. 勾选动效类型和要记录的参数
  3. 补充每个动效的具体数值
  4. 生成Excel说明表下载

别人还这样说

  • Figma里做了十几个微交互,得整理成Excel给技术评审
  • 能不能帮我把这些交互说明写成标准的规格表?我提供具体的动效描述。
直接说你要办的事。下面是别人怎么办的,点任何一项就换成你自己的。左边是别人怎么办的,右边是你的,点一项就开始改。
示范 · 别人这样说

「客户要我们把所有页面切换动效列成表给前端」

替他选了:页面切换 · 触发动作、持续时间、缓动函数、起始状态、结束状态 · 用Figma术语(如Ease Out) · 毫秒(ms) · 按页面分Sheet

按示范选好的 点一项就变成你的

你的成品会在这里出现
示例成品 · 不是你的按示范写的,看个样子
交互元素|触发动作|持续时间|缓动类型|备注 搜索框下拉|点击聚焦|0.3s|ease-in-out|含遮罩渐显 Tab页切换|左右滑动|0.25s|ease-out|禁用惯性滚动 提交按钮|点击反馈|0.15s|spring(150,20)|带微弹效果

GPT中文 也可能出错,成品请自己核对关键数字和事实。条款 · 隐私