先选一个具体交互

打开按钮按压效果，先按住按钮再松开。键盘用户可以聚焦按钮后使用空格或 Enter。观察按下、松开，以及动画尚未完成时再次输入的区别。

当前默认按压缩放是 0.92 倍，纵向位移是 2 px，时长型弹簧参数是 420 ms。下面的配置直接来自工具的默认配置快照。

一次只改变一个参数

先调整按压缩放，再改变时长或回弹。左侧默认预览保留参考，调整后的预览展示当前配置，便于把看到的差异对应到具体参数。

需要看清过程时，可以降低观察倍速。倍速不属于保存的动效配置，因此不会让导出的时长跟着改变。

复制描述词，交给自己的工具

点击预览上方的“复制描述词”（Copy Prompt）。导出内容围绕当前 UI 和配置组织，包含实现所需的配置与运行信息；它与网页的当前效果对应。

把描述词交给你选择的编程助手，或使用独立复刻工程继续开发。TuneShape 页面本身不调用 AI。接入自己的项目后，需要重新检查容器大小、内容、键盘操作和连续输入。

根据用途选择导出内容

独立示例与复刻工程不包含完整 TuneShape 网站或编辑器。公开 GitHub 仓库另外提供三个基础示例，范围与整个在线目录不同。

内容适合什么用途
JSON 配置保存一次调整，之后重新导入工具。
动效规格与 Motion 参数向开发者说明触发、状态、时序和动画参数。
离线 HTML独立打开并体验当前动效。
独立复刻工程 ZIP在单独工程里运行和继续修改当前示例。
实现 Prompt把当前配置和实现信息交给自己的编程助手。

一份完整的按钮配置

这份 JSON 是当前默认配置，可以用于理解字段，也可以通过工具的配置导入流程恢复。你自己的调整应以编辑器导出的 JSON 为准。

当前按钮默认配置 · schemaVersion 1
{
  "schemaVersion": 1,
  "component": "button",
  "mode": "beginner",
  "animation": "spring",
  "durationMs": 420,
  "delayMs": 0,
  "easing": [
    0.22,
    1,
    0.36,
    1
  ],
  "bounce": 0.25,
  "x": 0,
  "y": 2,
  "scale": 0.92,
  "stiffness": 260,
  "damping": 24,
  "mass": 1,
  "interruption": "retarget",
  "reducedMotion": "instant"
}