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:


1Click on Genius AI.


2Select Generate From Wizard.


Screen Shot 2024-08-12 at 12.36.11 PM.png


3Choose 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


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



4You can also create layouts manually by clicking on the 'Create Custom Block'.


Screenshot 2023-10-05 at 12.14.38 PM.png


5After 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 https://prevjs.com

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






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