Skip to content
Frameflow
Open the editor

Create wireframes. Connect screens.

Design interfaces, link screens and test the navigation. All in your browser.

Open the editorSee examples

Free. No sign-up required.

Screenshot of the Frameflow editor with the element library, canvas and properties panelScreenshot of the Frameflow editor with the element library, canvas and properties panel
Control library, canvas and properties panel.

The essentials

  • 61 ready-made controls
  • Phone, tablet and desktop frames
  • Linked screens and presentation
  • Export PNG, SVG and PDF

Connect screens and test the flow.

These three screens were made with Frameflow controls. The connections show where each action leads.

A learning appExample navigation flow

Swipe to follow the journey

  1. 1Sign in

    Sign-in screen with brand, username and password fields and a primary button

    Email access and sign-in options.

  2. 2Courses

    Courses screen with search, filters, cards, ratings and bottom navigation

    Search, filters and featured courses.

  3. 3Details

    Course detail screen with video, instructor, ratings, curriculum and an enroll button

    Preview, instructor, lessons and enrollment.

3 linked screens to walk through in presentation mode.

In the editor, assign a destination screen to each button or link.

Open the editor

Frequently asked questions

Saving, exporting and using AI.

Is it free? Do I need an account?

Yes: it's free and there's no sign-up. No paid plans, no locked features. Open the app and start designing.

Where are my projects stored?

In your browser's local storage (IndexedDB). You can export a JSON file to back them up or move them to another computer.

Can I export or print my screens?

Yes: SVG and PNG per screen, plus a printable view with every screen to save as PDF.

Can I use it with an AI agent?

Yes. Open “Document status → Use with AI”: ChatGPT needs a compatible built-in browser; Claude Desktop uses an optional extension. Help includes steps and requirements.

Start designing your interface.

No account needed. Open the editor to create or continue a project.

Open the editor