Saving the Generated Mockup

Saving your mockup for further use, sharing, or editing is a vital part of the process. The Save As functionality offers two options:

1) Saving your mockup as an image or

2) Saving it as a file.

Here's a detailed guide on how to do both.

Locate the Save As Option

Once your mockup is ready, look for the Save As option, which is located next to the Publish button. Clicking on this will present you with two options for saving your mockup: File and Image.

Option 1: Save as a File

The first option allows you to save your mockup as a file. Follow these steps:

1. Click on the File option from the Save As menu.

2. The file will be downloaded in a consolidated format that includes all the elements necessary for your mockup (HTML, CSS, and JavaScript).
The system will combine HTML, CSS, and JS into a single file. This format is useful for sharing or using the mock-up in web environments.

Option 2: Save as an Image

The second option allows you to save your mockup as an image. Here's how to do it:

1. Click on the Image option from the Save As menu.

2. When you select the Image option, your mockup will be saved/downloaded as an PNG file. PNG (Portable Network Graphics) format ensures that the image is high-quality and scalable, making it ideal for sharing and editing without any loss of quality.