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’re doing), and the per-element Focus.
Where: Top bar → the mode toggles — Switch any of the mode toggles
Key ideas
- Focus ⇄ Studio (editor mode): The big one. Focus (formerly “Simple”) is a calm, minimal workspace — a floating property bar over the selection and the AI chat doing the work. Studio (formerly “Advanced”) opens every inspector section and the full after-effects-style timeline. Toggle in the top bar. See “Focus & Studio modes”.
- Builder ⇄ Designer (the canvas): A separate axis from Focus/Studio. Builder (compact) shows a single frame for quick edits; Designer shows the full multi-breakpoint canvas. See “Compact (Builder) vs Designer canvas”.
- Design / Preview / Content: What you’re doing right now: Design (edit), Preview (run it live), and — for CMS projects — Content (the entry editor with live preview).
- Per-element Focus (“Focus on this”): NOT an editor mode — it zooms into one element with a pinned AI session. Different feature, similar name. See “Focus on an element”.
Steps
- Pick your editing mode in the top bar: Focus for a calm, AI-led workspace, Studio for full panels + timeline.
- Choose the canvas: Builder (one frame) or Designer (all breakpoints).
- Switch Design / Preview / Content for editing, testing, or content.
- To zoom into a single element with AI, right-click it → “Focus on this” (this is per-element, not the Focus mode).