---
title: "flare.design 介绍"
description: "理解 flare.design 的核心概念：workspace、project、canvas、asset、Recipe、导出和 agent 工作流。"
locale: "zh"
section: "Start"
updated: "2026-06-28"
source: "https://flare.design/zh/docs/introduction"
---

# flare.design 介绍

理解 flare.design 的核心概念：workspace、project、canvas、asset、Recipe、导出和 agent 工作流。

> 分类: 开始

[HTML](https://flare.design/zh/docs/introduction) | [Markdown](https://flare.design/zh/docs/introduction/index.md)

flare.design 是一个 AI-native 动效画布，用来制作会动的视觉项目：社媒短视频、产品 teaser、campaign 变体、生成媒体评审，以及可复用的创意工作流。

它把三层能力放在一起：

- 画布：图片、视频、文字、形状、frame 和动效在同一个工作面里排布。
- Workspace 资产库：上传素材、生成媒体、参考图和可复用内容可以长期保存并搜索。
- MCP agent 接入：让 Codex、Claude Code、Cursor 等受信任工具读取同一个项目上下文，并执行受控编辑。

## 你可以做什么

当工作不只是拿到一张 prompt 结果时，就适合使用 flare.design。画布的重点是比较、排版、打磨、加动效和导出。

常见路径：

| 需求                 | 从这里开始                                                                                                   |
| -------------------- | ------------------------------------------------------------------------------------------------------------ |
| 做出第一段可发布场景 | [打开第一块画布](/zh/docs/open-your-first-canvas)                                                            |
| 生成图片或视频候选   | [生成、排布和 Remix](/zh/docs/generate-arrange-and-remix)                                                    |
| 管理可复用媒体       | [资产库和文件夹](/zh/docs/asset-library-and-folders)                                                         |
| 添加 timing 和动效   | [时间线和动效](/zh/docs/timeline-and-motion)                                                                 |
| 导出评审 MP4         | [预览和导出 MP4](/zh/docs/preview-and-export-mp4)                                                            |
| 导入外部结构         | [粘贴 HTML 到画布](/zh/docs/paste-html-into-canvas) 或 [粘贴 Figma 到画布](/zh/docs/paste-figma-into-canvas) |
| 让外部 agent 帮忙    | [Agent 工作流](/zh/docs/agent-workflows)                                                                     |

## 核心概念

| 概念      | 含义                                              | 例子                                                          |
| --------- | ------------------------------------------------- | ------------------------------------------------------------- |
| 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 用量。                          |

## 工作通常怎么流动

大多数项目会经过一个简单循环：

1. 从一个 frame、一张参考图或一个生成候选开始。
2. 先把主视觉和文案排到可读，再继续加细节。
3. 把有用参考放在 frame 附近，但移出导出区域。
4. 静态构图成立后，再加动效。
5. 导出一个短评审版，并离开编辑器看一遍。
6. 把可复用媒体保存进 Assets；如果整套流程值得复用，再发布成 Recipe。

关键习惯是让决策保持可见。大改之前复制 frame，把备选方向放在一起比较；不要太早删除上下文，而是把参考素材移到最终导出 frame 外。

## Agent 怎么参与

当画布里已经有有用上下文时，agent 最好用。受信任的 MCP 客户端可以读取项目 metadata、查看当前画布、理解选中图层、上传生成媒体、放置素材、更新文字、应用动效，或执行受控 canvas patch。

适合交给 agent 的任务通常很具体：

- “参考当前选中的 frame，在旁边做三个标题版本。”
- “读取这张带批注的图，把修改后的版本放到右侧。”
- “给这个 frame 做一个简单 motion plan，但保持文字可读。”
- “总结这个项目，并列出最终 frame 用到的资产。”

把生成和渲染权限同普通画布读写权限分开。如果 agent 只是检查或总结，读权限通常已经够用。

## 下一步

想直接上手，可以先读 [打开第一块画布](/zh/docs/open-your-first-canvas)。当对象模型变重要时，再读 [画布基础](/zh/docs/canvas-basics)。连接外部助手前，先看 [Agent 工作流](/zh/docs/agent-workflows)，然后用 [配置 flare.design MCP](/zh/docs/configure-flare-design-mcp) 完成技术设置。