Sign in Open canvas
Sign in Open canvas

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.

Open canvas Read introduction

01

Shortest path

Create one project, place the main visual layer, preview timing early, then export a review pass before polishing.

Open first-canvas guide

02

Agent workflows

Use Codex, Claude Code, Cursor, or another MCP client to inspect the canvas, place generated media, and make bounded edits.

Use agents safely

Product map

Understand the system Learn how workspaces, projects, frames, layers, assets, Recipes, renders, and Flares fit together. Generate and arrange Create candidates, compare them in context, remix useful states, and keep reusable pieces. Organize assets Upload, search, folder, and reuse generated media, references, audio, video, and brand material. Animate and export Use frame timing, layer ranges, motion presets, and review exports before final MP4 delivery. Import structure Bring HTML, Figma material, and outside references into the canvas as editable starting points. Work with agents Give external assistants canvas context, manage scopes, review proposals, and place generated media.

Guides

Getting Started

Introduction to flare.design Understand the core concepts behind flare.design: workspaces, projects, the canvas, assets, Recipes, exports, and agent workflows. Open your first canvas Import assets, generate an image, create a frame, and preview motion through the shortest path. Projects and workspaces Understand how projects, assets, members, and settings are scoped inside flare.design workspaces.

Create

Canvas basics Learn the main canvas objects: frames, layers, groups, masks, paths, shapes, snapping, and measurement overlays. Generate, arrange, and remix Combine references, prompts, templates, and existing assets into reusable visual projects. Choose generation models Pick image and video models based on the role of the output, then keep generated assets connected to the canvas. Asset library and folders Organize uploads, generated outputs, references, and reusable media with search and workspace folders.

Motion & Export

Timeline and motion Use frame timing, layer ranges, preset animation, motion clips, and keyframes to make canvas work move. Preview and export MP4 Render layer timing, transitions, and keyframes from the canvas into a publishable video file. Templates and Recipes Reuse complete projects, motion setups, and AI workflows without starting from a blank canvas every time.

Imports

Paste HTML into the canvas Bring structured HTML from a browser, prototype, or generated snippet into flare.design as editable canvas material. Paste Figma into the canvas Copy frames or layers from Figma and continue editing them inside the flare.design motion canvas.

Collaboration

Shared workspaces and team members Invite collaborators, manage roles, share assets, and keep project handoffs inside the workspace.

Integrations

Agent workflows 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 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 Use the core editor shortcuts for tools, canvas navigation, editing, grouping, ordering, and project speed. Billing and usage Understand how usage-sensitive work such as generation and rendering fits with workspace billing. Troubleshooting Fix common issues with canvas editing, imports, generation, preview, export, assets, and MCP connections.