Preview Page Overview
The Preview Page lets you experience your Flowmo project as if it were live on the web — with full animations, interactions, responsive behavior, and real-time visuals.
Whether you’re testing interactivity or checking layout across devices, it’s the fastest way to preview your work in action.
Opening the Preview Page
You can launch the live preview in two ways:
🔹 From a Frame
Click the Play icon at the top-right corner of any frame.
→ This opens a preview of that specific page.
🔹 From the Top Toolbar
Click the Preview Page button.
→ Use the dropdown arrow to open the preview as a floating window, so you can keep designing while previewing.
Preview Panel Features
Inside the Preview Page, you’ll find several tools to inspect and refine your design across different devices and viewports:
Switch Device Views
Toggle between Mobile, Tablet, and Desktop modes to test responsive behavior.
Custom Width & Height
Manually enter pixel values to simulate any screen size — perfect for edge cases or specific breakpoints.
Zoom Controls
Adjust the zoom level to fit your design on screen or inspect fine details up close.
Switch Project Pages
Navigate between different pages in your project without leaving the preview window.
Refresh Preview
Click Refresh Preview to reload the environment — useful after making changes you'd like to see instantly.