Skip to content
MockFlow DocsGet an API key

Design screens in Classic WireframePro and save them as .wire files on your computer with the desktop app's file mode.

Updated 10 Oct 20261 min read

Classic WireframePro is MockFlow's dedicated UI design tool, with its own UI packs, layouts and components for designing app and website screens. In the desktop app's file mode you can keep a WireframePro project as a .wire file on your computer, the same way a board is kept as a .board file.

A website homepage wireframe saved as Trailhead homepage.wire, open in Classic WireframePro, with the file name marked

Create a wireframe file

  1. In the workspace sidebar, click the New file button in the File mode section.

  2. Choose New wireframe file. A new WireframePro project opens in a window of its own.

  3. Design your screens with the components in the left panel.

  4. Press Ctrl+S (⌘S on Mac), choose a folder and type a name. The file name appears at the top of the window (1), such as Trailhead homepage.wire.

Open a wireframe file

Open a .wire file with the Open file button in the File mode section, or double-click it in Finder or File Explorer. See Open a board file.

A .wire file can also be brought into a space as a cloud project when you want to share it. See Import a board or wireframe file.

Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with MicrosoftContinue with Apple