Super-easy Wireframing

Draw interactive User Interface mockups with WireframePro Open

MockFlow WireframePro helps to design and collaborate user interface blueprints for websites and apps in less time.


WireframePro provides a full featured drag-n-drop editor for drawing user interface mockups. It includes support for master pages, presentation mode, layers, auto-sizing of canvas, interactivity, icons,... to name a few.


It comes with numerous components for different types of user interfaces such as Web, Bootstrap Library, iPhone, iPad, Android Phone, Apple Watch, Android Watch, Forms, Annotations...Support for more UI kits are on the way.


Wireframes can be exported to a wide range of formats - Images, MS Word, Adobe PDF and MS PowerPoint
Export to MS Word
Export to Powerpoint
Export to PDF
Export to Image
Export to HTML5

Template Store

"MockStore" is a template library integrated within the editor. It provides a growing library of wireframe templates which are submitted by the MockFlow user community. All templates are available for free and can be instantly imported into a project.


Collaboration is essential for wireframing as it helps in seemless communication of ideas. There are a wide range of collaboration features in WireframePro such as real-time editing, annotated comments and presentation mode.

Page views

Pages are shown in a grid layout with thumbnails like in a slideshow. In this layout, it is easy to view and search all the pages at a glance.

In map view, pages are organized like a visual sitemap with page thumbnails. The map can be zoomed, dragged and also exported to image.

With the "Workflow" view, wireframes can be easily organized into lists similar to kanban (aka Trello) boards. Since the workflow feature is built-in the editor and is real-time, it helps to streamline your design process with team members, clients and managers.

Spec Feature

Using "Specs", users can automatically generate pixel-perfect specifications and css code for any component used in the wireframe. "Specs" simplifies design handoff as designers can easily pull out details such as positioning, size, colors, fonts, assets and also make use of the generated css styles

Image Editor

There is a image editor nicely integrated within WireframePro. The image editor is minimal and easy to use as it provides only features that are useful for wireframing such as cropping, image-to-sketch mode, flip and color picker.


WireframePro is built for teams. Projects can be shared privately with permissions - Reviewer, Editor or Admin. And also publicly by generating a preview URL.

Can only view project, export / comment


Can view and the edit the wireframe


Full rights to the project like owner


Use this form or mail us to mockflow@produle.com