/
Upload, replace, and fine-tune images and videos from the right sidebar — sizing, object-fit, and source swapping for media elements.
The Layers panel is an X-ray tree of your page — Pages → Frames → Elements — with per-row visibility and lock toggles and drag-to-reorder.
The Colors tab holds global solid and gradient swatches for your project. Add or remove swatches and quick-apply them to the selected element.
“Focus on this” zooms into a single element and dims the rest, pinning an AI session to it so you can iterate with accept/reject changes. (This is per-element focus — not the Focus editing mode, which
Common editor shortcuts — Shift+A toggles Auto Layout, ⌘K opens search, plus standard select/copy/paste.
The Animations tab is a library of prebuilt animations you can apply to elements — a fast way to add motion without authoring keyframes by hand.
The AI panel is where the assistant lives: pick a model, run multiple independent chat sessions, attach context (selection, images, HTML, PDFs, project data), and use context-aware prompt ideas.
The Assets panel is your media library: upload images/video/audio, organize them in folders, search, and pull in free stock from Unsplash and Pexels. Drag or click to insert onto the canvas.
A project has pages; each page is built from sections (top-level frames). The Pages panel manages pages; sections scope responsive layout and interactions.
Press ⌘K to open the command palette to search and jump around the editor.
flowmo has a few independent “mode” switches that are easy to confuse. This is the map: Focus⇄Studio (how much of the editor you see), Builder⇄Designer (the canvas), Design/Preview/Content (what you’r
The Templates tab holds pre-designed page and section templates. Insert one as a new page or drop it into the current page; flowmo prompts you if CSS would conflict.