flare.design 是一个 AI-native 动效画布，用来制作会动的视觉项目：社媒短视频、产品 teaser、campaign 变体、生成媒体评审，以及可复用的创意工作流。
它把三层能力放在一起：
- 画布：图片、视频、文字、形状、frame 和动效在同一个工作面里排布。
- Workspace 资产库：上传素材、生成媒体、参考图和可复用内容可以长期保存并搜索。
- MCP agent 接入：让 Codex、Claude Code、Cursor 等受信任工具读取同一个项目上下文，并执行受控编辑。
你可以做什么
当工作不只是拿到一张 prompt 结果时，就适合使用 flare.design。画布的重点是比较、排版、打磨、加动效和导出。
常见路径：
| 需求 | 从这里开始 |
|---|---|
| 做出第一段可发布场景 | 打开第一块画布 |
| 生成图片或视频候选 | 生成、排布和 Remix |
| 管理可复用媒体 | 资产库和文件夹 |
| 添加 timing 和动效 | 时间线和动效 |
| 导出评审 MP4 | 预览和导出 MP4 |
| 导入外部结构 | 粘贴 HTML 到画布 或 粘贴 Figma 到画布 |
| 让外部 agent 帮忙 | Agent 工作流 |
核心概念
| 概念 | 含义 | 例子 |
|---|---|---|
| Workspace | 人员、项目、资产、计费和共享设置的边界。 | 客户 workspace、内部品牌 workspace、团队生产空间。 |
| Project | 一个保存的 canvas document 和相关创意状态。 | Launch teaser、产品演示场景、campaign 方向。 |
| Canvas | Frame、参考素材、生成媒体和动效一起排布的工作面。 | 多个社媒比例、几个备选方向、若干参考图放在一起比较。 |
| Frame | 可发布的场景或导出区域。 | 9:16 短视频、1:1 社媒图、16:9 产品 teaser。 |
| Layer | Frame 或 canvas 里的可编辑对象。 | 文字、图片、视频、形状、路径、shader 或 group。 |
| Asset | 存在 workspace 资产库里的可复用媒体。 | 上传的产品图、生成图、音频、视频和参考素材。 |
| Recipe | 可复用模板或 AI workflow，别人可以运行或 remix。 | 品牌广告生成器、board template。 |
| Agent | 通过 MCP 接入的外部 AI 客户端。 | Codex 读取画布、按批注修图，或把生成媒体放到选中 frame 旁边。 |
| Render | 选中 frame 和时间线的本地或云端导出。 | 评审 MP4 或最终动效交付物。 |
| Flares | 用于按量任务的 workspace 余额。 | AI 生成、云渲染超额和未来 API 用量。 |
工作通常怎么流动
大多数项目会经过一个简单循环：
- 从一个 frame、一张参考图或一个生成候选开始。
- 先把主视觉和文案排到可读，再继续加细节。
- 把有用参考放在 frame 附近，但移出导出区域。
- 静态构图成立后，再加动效。
- 导出一个短评审版，并离开编辑器看一遍。
- 把可复用媒体保存进 Assets；如果整套流程值得复用，再发布成 Recipe。
关键习惯是让决策保持可见。大改之前复制 frame，把备选方向放在一起比较；不要太早删除上下文，而是把参考素材移到最终导出 frame 外。
Agent 怎么参与
当画布里已经有有用上下文时，agent 最好用。受信任的 MCP 客户端可以读取项目 metadata、查看当前画布、理解选中图层、上传生成媒体、放置素材、更新文字、应用动效，或执行受控 canvas patch。
适合交给 agent 的任务通常很具体：
- “参考当前选中的 frame，在旁边做三个标题版本。”
- “读取这张带批注的图，把修改后的版本放到右侧。”
- “给这个 frame 做一个简单 motion plan，但保持文字可读。”
- “总结这个项目，并列出最终 frame 用到的资产。”
把生成和渲染权限同普通画布读写权限分开。如果 agent 只是检查或总结，读权限通常已经够用。
下一步
想直接上手，可以先读 打开第一块画布。当对象模型变重要时，再读 画布基础。连接外部助手前，先看 Agent 工作流，然后用 配置 flare.design MCP 完成技术设置。