---
title: "flare.design 文档"
description: "了解 AI 原生动态创意画布的核心流程。"
locale: "zh"
source: "https://flare.design/zh/docs"
---

# flare.design 文档

从第一块画布到最终导出，按创作者最常用的路径组织：开始、生成、导入、集成和发布。

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

## 文档索引

### 快速开始

- [总览](https://flare.design/zh/docs/index.md): 查看 flare.design 文档的核心路径、集成入口和常用指南。
- [flare.design 介绍](https://flare.design/zh/docs/introduction/index.md): 理解 flare.design 的核心概念：workspace、project、canvas、asset、Recipe、导出和 agent 工作流。
- [打开第一块画布](https://flare.design/zh/docs/open-your-first-canvas/index.md): 从导入素材、生成图像、创建 frame 到预览动效，跑通最短路径。
- [项目和 workspace](https://flare.design/zh/docs/projects-and-workspaces/index.md): 了解 flare.design 里项目、资产、成员和设置如何归属到 workspace。

### 创作

- [画布基础](https://flare.design/zh/docs/canvas-basics/index.md): 了解 frame、图层、group、mask、path、shape、吸附和测量提示等核心画布对象。
- [生成、排版和 remix](https://flare.design/zh/docs/generate-arrange-and-remix/index.md): 了解如何把参考图、prompt、模板和已有素材组合成可复用的视觉项目。
- [选择生成模型](https://flare.design/zh/docs/choose-generation-models/index.md): 根据输出素材在项目里的角色选择图像或视频模型，并让生成结果留在画布流程里。
- [资产库和文件夹](https://flare.design/zh/docs/asset-library-and-folders/index.md): 用搜索和 workspace 文件夹管理上传素材、生成结果、参考图和可复用媒体。

### 动效与导出

- [时间轴和动效](https://flare.design/zh/docs/timeline-and-motion/index.md): 用 frame timing、图层区间、预设动画、motion clips 和关键帧让画布内容动起来。
- [预览和导出 MP4](https://flare.design/zh/docs/preview-and-export-mp4/index.md): 把画布中的图层 timing、转场和关键帧渲染成可发布的视频文件。
- [模板和 Recipes](https://flare.design/zh/docs/templates-and-recipes/index.md): 复用完整项目、动效结构和 AI 工作流，避免每次都从空白画布开始。

### 导入

- [把 HTML 粘贴进画布](https://flare.design/zh/docs/paste-html-into-canvas/index.md): 把浏览器、原型工具或生成片段里的结构化 HTML 带入 flare.design，继续作为可编辑画布素材使用。
- [把 Figma 粘贴进画布](https://flare.design/zh/docs/paste-figma-into-canvas/index.md): 从 Figma 复制 frame 或图层，在 flare.design 的动态画布里继续编辑。

### 协作

- [共享 workspace 和团队成员](https://flare.design/zh/docs/shared-workspaces-and-team-members/index.md): 邀请协作者、管理角色、共享资产，并把项目交接保留在 workspace 内。

### 集成

- [Agent 工作流](https://flare.design/zh/docs/agent-workflows/index.md): 安全地把外部 agent 用在 flare.design：选择合适任务、提供画布上下文、管理权限，并把生成媒体放回项目。
- [配置 flare.design MCP](https://flare.design/zh/docs/configure-flare-design-mcp/index.md): 把 MCP 客户端连接到 flare.design，用来读取项目、查看实时画布状态、放置媒体、创建 AI 任务，并执行受控编辑。

### 参考

- [键盘快捷键](https://flare.design/zh/docs/keyboard-shortcuts/index.md): 使用编辑器核心快捷键完成工具切换、画布导航、编辑、分组、排序和高频操作。
- [计费和用量](https://flare.design/zh/docs/billing-and-usage/index.md): 了解生成、渲染等用量敏感操作如何归属到 workspace 计费。
- [排障指南](https://flare.design/zh/docs/troubleshooting/index.md): 处理画布编辑、导入、生成、预览、导出、资产和 MCP 连接中的常见问题。