flowmoHelp Center

/

/

flowmo Help Center

Compact (Builder) vs Designer canvas - flowmo Help

Help Center/Editor Basics/Compact (Builder) vs Designer canvas

Compact (Builder) vs Designer canvas

The canvas has two working modes: Builder (compact) shows a single frame for fast, focused edits, while Designer shows the full multi-breakpoint canvas. (Video projects use Builder.)

The canvas has two working modes: Builder (compact) shows a single frame for fast, focused edits, while Designer shows the full multi-breakpoint canvas. (Video projects use Builder.)

Where: PageToolbar / top bar → mode toggle — Toggle Builder ⇄ Designer

Key ideas

Builder (compact): A single-frame view for quick edits — less canvas clutter.
Designer: The full multi-breakpoint canvas for responsive work.

Steps

Find the Builder/Designer toggle in the PageToolbar or top bar.
Use Builder for focused single-frame editing.
Switch to Designer to work across breakpoints.

Was this article helpful?

Related Articles

Navigating the left sidebar

The left sidebar is your navigation hub: an icon rail toggles the main panels (Pages/Layers, Design System, Assets, CMS, AI), with a header for project name/sharing and a draggable edge to resize, spl

Editing on the canvas: move, resize, rotate

You don’t have to use the sidebar for everything — most properties can be edited by dragging directly on the element: move it, drag its handles to resize, rotate from a corner, and drag corner handles

Previewing & resizing your design

Preview mode runs your design live. Pick a device or custom size, rotate, and choose Select (click elements to edit in the sidebar) or Interact (links/forms/scripts run).

Import an SVG as editable HTML

Drop in an SVG and flowmo converts it to editable canvas elements — text becomes text blocks, embedded images are extracted to assets, and shapes/vectors become elements you can restyle — instead of a

Related Articles

Navigating the left sidebar

The left sidebar is your navigation hub: an icon rail toggles the main panels (Pages/Layers, Design System, Assets, CMS, AI), with a header for project name/sharing and a draggable edge to resize, spl

Editing on the canvas: move, resize, rotate

You don’t have to use the sidebar for everything — most properties can be edited by dragging directly on the element: move it, drag its handles to resize, rotate from a corner, and drag corner handles

Previewing & resizing your design

Preview mode runs your design live. Pick a device or custom size, rotate, and choose Select (click elements to edit in the sidebar) or Interact (links/forms/scripts run).

Import an SVG as editable HTML

Drop in an SVG and flowmo converts it to editable canvas elements — text becomes text blocks, embedded images are extracted to assets, and shapes/vectors become elements you can restyle — instead of a