Framer Agent 用 GPT-5.6 Terra 生成入场动画与布局变体

一句话结论

把“先问少量关键选择、再统一执行、保留现有设计系统”写进提示，可让 Framer Agent 用 Terra 快速完成页面级动画或布局探索。

适用场景

• 适合的任务：Framer 页面动画、选中元素的布局变体、低风险视觉迭代。

• 不适合的任务：需要精确性能证明、跨项目架构重构或未经人工验收的生产发布。

• 适用的模型版本：GPT-5.6 Terra（原帖写作 GPT 5.6 Terra）。

• 适用的客户端、Agent 或 API：Framer Agent；提示中的 @ page、selected element 是 Framer UI 语法。

• 推荐的推理档位和参数：原帖未公开参数；以 Framer 默认设置为准，先用中等/高推理验证视觉结果。

可直接使用的内容

入场动画

Animate all elements on @ page with entrance animations. /ask-me only these five questions and let me answer them through the UI: What animation style should be used? (Fade, Slide, Blur, Custom). When should the animation trigger? (In View, On Appear). Should the animation replay? (Yes, No). Should elements within the same visual group animate one after another with a short delay, while separate sections animate independently? (Yes, No). What delay should be used between elements in the same visual group? Apply the chosen settings consistently across all eligible elements while preserving the existing layout, styles, and interactions.

布局变体

Create layout variations for "selected element" while preserving the existing visual style, branding, components, colors, typography, spacing system, and interactions. /ask-me only two questions and let me answer them through the UI: How many layout variations should be created? How experimental should the variations be? (Conservative, Balanced, Experimental). Each variation should explore a different content structure and hierarchy while remaining fully usable and consistent with the existing design language. Do not redesign the visual identity, only the layout and composition.

原帖中的结果与配置

• 动画案例：作者称约 40 秒完成，消耗不超过 38 credits。

• 布局案例：作者称约 50 秒生成多个变体，消耗约 40 tokens。

• 两条提示都要求 Agent 先通过 UI 提问，再一次性应用选择；这不是 API schema 或权限控制。

使用步骤

1. 在 Framer 中打开目标页面；动画提示作用于 @ page，布局提示作用于当前 selected element。

2. 粘贴对应提示，让 Agent 只询问提示中列出的选择题。

3. 先检查一个页面或一个选中元素的预览，再批量应用到其他页面。

4. 验收响应式布局、可访问性、交互和动效性能；不满意时保留原版本并调整选择。

适用边界

• 速度和 credits/tokens 是作者个人 Framer 环境的观察，不是 Terra 的统一吞吐基准。

• 原帖没有公开页面、完整输入文件、重复次数或自动评分，不能据此推导成功率。

• @ page、selected element 和 /ask-me 依赖 Framer Agent，复制到 Codex/API 需要改写为平台对应的对象和交互协议。