/
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
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
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).
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.)
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
Spacing is editable right on the canvas: drag the bars on an element’s edges to set padding, hold M to switch them to margin, and drag the bars between flex/grid children to set the gaps.
Share opens a collaboration dialog: invite people by email with a role, manage who has access, or hand out a public share link. Set whether the project is public or private.
Preview mode has two pointer modes. Select lets you click elements in the live preview to edit them in the sidebar; Interact runs the page for real so links, forms, and scripts work.
The top-bar AI Tools menu gathers quick generators, Logo Studio, and the Image Editor — standalone AI utilities separate from the chat assistant.
Move around the canvas: zoom via presets or a custom value, hold Space to pan, and scroll/pinch to zoom. Your position is saved per page and breakpoint.
In Studio mode the top bar holds the element creators: add shapes, vector paths, text, and media (image/video/audio/iframe), insert interactive elements, and combine vectors with boolean ops.
Insert is the home for adding things to your page: a searchable panel of Basics (shapes/text/media/3D/code), Sections and Pages (templates), Interactive/Forms/Embeds, Icons, Plugins, and AI generators
The Comments menu opens a collaboration panel for leaving and resolving comments on the project; an unread badge shows when there’s new activity.
The top bar holds undo/redo, element creators (in Studio), AI Tools, zoom, the timeline toggle, the Design/Preview switch, the Focus⇄Studio toggle, comments, and Publish.
Scale lock renders a breakpoint at a fixed width and uniformly scales it to fit the viewport — instead of reflowing. Good for fixed-aspect, media-heavy layouts.
Right-clicking the canvas opens a context menu with the most common element actions — copy/paste/duplicate/cut/delete, group/ungroup, frame a selection, change stacking order, align, and edit text.
While you drag or resize, flowmo shows alignment guidelines that snap the element to its siblings’ edges and centers and to your own guides, with live distance and size labels. Hold the Meta key to sn
In Preview you can test responsive layouts: pick a device preset or type a custom width×height, and rotate to swap width and height.