# What is Classic WireframePro

> WireframePro is MockFlow's dedicated UI design editor for multi-page wireframes, mockups and prototypes of apps and websites, included on every plan.

Source: https://mockflow.com/docs/what-is-classic-wireframepro

WireframePro is MockFlow's dedicated UI design editor. It is built for designing the screens of an app or a website in depth: every page of a patient booking app, a banking dashboard or an online store checkout, with consistent components, clickable links between pages and documentation for the developers who build it. In the app it appears as **Classic WireframePro**, and it is included on every plan at no extra cost.

![The Classic WireframePro editor with a three-screen clinic booking app: Find a doctor, Pick a time and Booked. The components panel with Change UI pack is on the left, the Design, View, Docs and Build tabs are at the top and the tool pill is at the bottom](https://assets.mockflow.com/docs/media/2b12d782629c48e4a2aff6346ea2f8ea.webp)

## A UI design editor with pages

A WireframePro project is a set of pages, one for each screen, organized in folders like a site map. Each page is a canvas you design with ready-made components, such as buttons, inputs, tables, navigation bars and charts. Projects live in your spaces next to your boards, and your team can edit them together in real time.

## What you can do in WireframePro

- **Design with UI kits:** start from component libraries for iOS, Android, Material, Bootstrap, Tailwind, Shadcn, Windows and more, or a sketchy look for early ideas. See [Design screens with UI kits and components](/docs/wireframepro-ui-kits-and-components).
- **Keep designs consistent:** reuse headers, footers and cards as symbols, and share master pages across screens. See [Reuse designs with symbols](/docs/wireframepro-symbols) and [Pages, folders and master pages](/docs/wireframepro-pages-and-master-pages).
- **Prototype:** link buttons to pages, show and hide components, and click through the design in View mode. See [Make a clickable prototype with interactions](/docs/wireframepro-interactions).
- **Generate with AI:** draft layouts from a prompt or turn a screenshot into an editable wireframe. See [Generate wireframes with AI](/docs/wireframepro-ai).
- **Document and hand off:** write UX docs and PRDs beside the design, export to PDF, Figma or a .wire file, and turn screens into code with Build mode. See [Export a WireframePro project](/docs/export-a-wireframepro-project) and [Turn wireframes into code with Build mode](/docs/wireframepro-build-mode).

## WireframePro or a wireframe on a board

Boards also have a **Wireframe** frame for sketching screens next to your flows, notes and plans. WireframePro is the better fit when a design has many pages, needs consistent components or is handed to developers. See [Wireframe on a board vs Classic WireframePro](/docs/wireframe-on-a-board-vs-classic-wireframepro).

## What is not available on the Basic plan

On the Basic plan you can create one WireframePro project with up to three pages, and share it with reviewers only. Plus and Max remove these limits. Build mode, Figma export, Interactive PDF and team UI packs are part of Max, along with many other features, such as the offline desktop app. See [MockFlow pricing](https://mockflow.com/pricing/) for details.

## Next steps

- [Create a Classic WireframePro project](/docs/create-a-classic-wireframepro-project)
- [A tour of the WireframePro editor](/docs/wireframepro-editor-tour)