Export design easy

In this article, we’ll show you how to export your designs in 3 clicks whether your designs are responsive or not responsive

1. Export responsive designs

Step 1

Click on export responsive design option

  • Once you land on the home page of Ideoz, you will see different actions that you can do in Ideoz. 
Click on “Export responsive deisgn” button.

Step 2

Review your designs to make sure the live version is the same

  • Quickly review the live version of each frame view “desktop, tablet, mobile” and then click on “Export your work” button.

Step 3

Preparing your work

  • Wait for the export time as it takes time based on the number of selected frames and how many components inside each frame to export.
  • A popup will appear to download your responsive pages. Download the provided zip file, which contains the exported responsive design.
  • Upon extracting the zip file, you will find HTML files and CSS files that represent your responsive design That’s it, use your download files and enjoy your work. 🚀

2. Export non-responsive designs

Step 1

Select export non-responsive design option

  • Once you land on the home page of Ideoz, you will see different actions that you can do in Ideoz. 
Click on “Export non-responsive deisgn” button.

 

Step 2

Review your designs to make sure the live version is the same

  • Quickly review the live version of each frame view “desktop, tablet, mobile” and then click on “Export your work” button.

Step 3

Preparing your work

  • Wait for the export time as it takes time based on the number of selected frames and how many components inside each frame to export.
  • A popup will appear to download your responsive pages. Download the provided zip file, which contains the exported responsive design.
  • Upon extracting the zip file, you will find HTML files and CSS files that represent your responsive design That’s it, use your download files and enjoy your work. 🚀

Did you find this helpful?