Generating a Mockup

1. Enter your instructions or description in the Left Panel under the Prompt Tab.

• If you feel that your instructions need clarity or improvements, use the Rewrite Prompt feature to refine them.

2. If your mockup needs specific references, go to the Right Panel and select the work items you want to use as references for the mockup.

Note: You can choose one or multiple work items and select the necessary fields.

3. Choose your desired Fields in the Right panel. 

4. Once the instructions and work items are set, click the Generate button to start the mockup generation process.

• The system will take a few moments to generate the mockup, based on your instructions and settings.

5. Once the mockup is generated, it will appear in the Result Tab.

Note: Only the first page of the mockup will be generated initially. Users can update and refine this first page, and once finalized, it will serve as the base reference for generating all the subsequent pages in the Mockup sequence.

6. As per your instructions, the necessary mockup pages will be created and displayed in the Mockup Pages side panel.

7. If you want to add more pages to your mockup, use the option in the Mockup Pages side panel to add additional pages as required.

• An “Add Page” pop up will open asking you to enter the name and description for the new page. 

• Click on the ADD button to add the new page.

• The new page is being generated.

• The mockup for the new page has been added.  

8. Any additional pages the user requests appear in the right-side panel, but they aren't generated yet. 

To generate these additional pages you have two options:
• Click on an individual page in the right panel to Generate.

• Click on the Generate All button to generate all the remaining pages at once. 

• Once the user clicks on the Generate All button, a confirm popup will appear. Click on Yes.

• Generation of all pages have started and it takes its due time.

• Mockup for all the other pages have been generated.