---
title: "flare.design Docs"
description: "Learn the core AI-native motion canvas workflow."
locale: "en"
source: "https://flare.design/docs"
---

# flare.design Docs

Build a visual project from first canvas to export. These guides are organized around the paths creators use most: start, generate, import, integrate, and ship.

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

## Documentation index

### Getting Started

- [Overview](https://flare.design/docs/index.md): See the core paths, integrations, and common guides for flare.design.
- [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.

### Create

- [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.

### Motion & Export

- [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.

### Imports

- [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.

### Collaboration

- [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.

### Integrations

- [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.

### Reference

- [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.