Floo
Docs
Documentation
Back to FlooStart designing
Getting started
  • Your first canvas
  • The canvas editor
Agents
  • Connect an agent
  • The Floo Agent
  • MCP tools
Collaborate
  • Comments and mentions
  • Approvals and versions
  • Prototypes
  • Design memory
Imports and integrations
  • Imports
  • Linear
  • Slack
  • Outbound webhooks
Teams and billing
Getting started

Your first canvas

Start from a sentence, a screenshot or an existing site, and get a first draft on the canvas.

Home is where every canvas starts. Describe what you want in the composer and Floo opens a fresh canvas with the work queued for the Floo Agent.

Start from a sentence

Write the brief the way you would to a designer: what the screen is for, who uses it, the tone, anything it must include.

A three-step checkout for Kettle & Co. — warm paper tones, serif headings, Apple Pay first, and a calm order-confirmed screen.

Attach a screenshot or a moodboard image as a reference, and pick the space the canvas belongs to (your personal space or a team) before you send.

Start from something that exists

Import brings in a public website (one page, or a whole site you review page by page), the screens of a live app, or the routes of a GitHub repository. Every import lands as editable frames. See Imports.

Start empty

New canvas (N) opens an empty canvas. Draw a frame with the frame tool, then type, draw shapes, add images, or ask an agent to fill it.

What happens next

  • The agent's task appears in Agent tasks with a live status line and a progress bar.
  • Frames it writes stream in as it works; its cursor shows where it is.
  • When it finishes, the task row turns done and lists the frames it touched. Reply to the task to ask for changes.
PreviousGetting startedNextThe canvas editor