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. 🚀