Generate UI Layouts with Wizard

MockFlow Wizard allows you to easily generate random layouts by selecting from a library of pre-designed UI blocks. These blocks can be edited and customized using the wireframe editor.

The following are the steps to Generate UI Layouts with Wizard:

1 Click on AI Co-pilot.

2 Select Generate From Wizard.

Screen Shot 2023-09-20 at 11.39.27 AM.png

3 Choose the desired framework of UI builder from the available options - Bootstrap, Tailwind, and AMP.

Screen Shot 2023-09-20 at 12.01.18 PM.png

4 Click on the 'Suprise Me' button to create layouts automatically.

4 You can also create layouts manually by clicking on the 'Add block'.

Screenshot 2023-10-05 at 12.14.38 PM.png

5 After generating or creating the UI layout, you have the following options:

  1. Save as wireframe - to make further changes to the UI design
  2. Export page as HTML and CSS
  3. Export site in prevjs recipe format. The easiest way to build, optimize, and deploy static websites. For more information, visit

Screen Shot 2023-09-20 at 12.10.18 PM.png

Rate this article
great ok bad
For more questions - Contact Us