# flare.design Docs

> AI-native motion canvas documentation for creators and agents.

Use the Markdown URLs below for compact agent context. HTML documentation also supports `Accept: text/markdown`.

## English

- [Docs index](https://flare.design/docs/index.md)
- [Introduction to flare.design](https://flare.design/docs/introduction/index.md): Understand the core concepts behind flare.design: workspaces, projects, the canvas, assets, Recipes, exports, and agent workflows.
- [Open your first canvas](https://flare.design/docs/open-your-first-canvas/index.md): Import assets, generate an image, create a frame, and preview motion through the shortest path.
- [Projects and workspaces](https://flare.design/docs/projects-and-workspaces/index.md): Understand how projects, assets, members, and settings are scoped inside flare.design workspaces.
- [Canvas basics](https://flare.design/docs/canvas-basics/index.md): Learn the main canvas objects: frames, layers, groups, masks, paths, shapes, snapping, and measurement overlays.
- [Generate, arrange, and remix](https://flare.design/docs/generate-arrange-and-remix/index.md): Combine references, prompts, templates, and existing assets into reusable visual projects.
- [Choose generation models](https://flare.design/docs/choose-generation-models/index.md): Pick image and video models based on the role of the output, then keep generated assets connected to the canvas.
- [Asset library and folders](https://flare.design/docs/asset-library-and-folders/index.md): Organize uploads, generated outputs, references, and reusable media with search and workspace folders.
- [Timeline and motion](https://flare.design/docs/timeline-and-motion/index.md): Use frame timing, layer ranges, preset animation, motion clips, and keyframes to make canvas work move.
- [Preview and export MP4](https://flare.design/docs/preview-and-export-mp4/index.md): Render layer timing, transitions, and keyframes from the canvas into a publishable video file.
- [Templates and Recipes](https://flare.design/docs/templates-and-recipes/index.md): Reuse complete projects, motion setups, and AI workflows without starting from a blank canvas every time.
- [Paste HTML into the canvas](https://flare.design/docs/paste-html-into-canvas/index.md): Bring structured HTML from a browser, prototype, or generated snippet into flare.design as editable canvas material.
- [Paste Figma into the canvas](https://flare.design/docs/paste-figma-into-canvas/index.md): Copy frames or layers from Figma and continue editing them inside the flare.design motion canvas.
- [Shared workspaces and team members](https://flare.design/docs/shared-workspaces-and-team-members/index.md): Invite collaborators, manage roles, share assets, and keep project handoffs inside the workspace.
- [Agent workflows](https://flare.design/docs/agent-workflows/index.md): Use external agents with flare.design safely: choose good tasks, provide canvas context, manage permissions, and place generated media back into projects.
- [Configure the flare.design MCP server](https://flare.design/docs/configure-flare-design-mcp/index.md): Connect an MCP client to flare.design so it can read projects, inspect live canvas state, place media, run AI jobs, and apply controlled edits.
- [Keyboard shortcuts](https://flare.design/docs/keyboard-shortcuts/index.md): Use the core editor shortcuts for tools, canvas navigation, editing, grouping, ordering, and project speed.
- [Billing and usage](https://flare.design/docs/billing-and-usage/index.md): Understand how usage-sensitive work such as generation and rendering fits with workspace billing.
- [Troubleshooting](https://flare.design/docs/troubleshooting/index.md): Fix common issues with canvas editing, imports, generation, preview, export, assets, and MCP connections.

## Chinese

- [Docs index](https://flare.design/zh/docs/index.md)
- [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 连接中的常见问题。