In this guide, we'll elaborate on how you can download/export your project to your device with a flick of your wand and a click of your mouse. Let's jump straight into the magic, shall we? 🤩

Currently, you can export your project screens as images (JPG, PNG, SVG) or PDF files. Once you've completed your project, these are the only file types we are able to provide you at this time.

We're constantly working on expanding the variety of export formats, so you can expect to be provided with more options in the future 🚀

There are a number of ways that you can download your project or its components!

First, we'll look at how to export your entire project.

1) Select all screens by using the keyboard controls 'CMD' or CTRL' + 'A'.

2) Click 'Handoff Mode' in the right-hand menu:

3) You can select the scale of your export (1x, 2x, 3x, or 4x), the file type (PDF, JPG, SVG, or PNG), and if you're selecting PNG you can toggle on a transparent background under the "..." field:

4) You can also preview what pages you are exporting under the 'Preview' section:

5) When you're ready, click 'Export':

Downloading or exporting specific screen(s) or component(s) works similarly to exporting an entire project.

1) Select the screen(s) or component(s) that you'd like to export.

2) Click on 'Handoff Mode' within the right-hand menu:

3) You can select the scale of your export (1x, 2x, 3x, or 4x), the file type (PDF, JPG, SVG, or PNG), and if you're selecting PNG you can toggle on a transparent background under the "..." field:

4) You can also preview what pages or components you are exporting under the 'Preview' section:

5) When you're ready, click 'Export.' Each component or page will be exported in a separate file:

You can inspect each individual component one at a time to see and copy the CSS or React code. This makes it easier to pass on to a developer!

1) Select the component you'd like to see the CSS of (Remember, you can only see the code of one component at a time).

2) Click "Handoff Mode" on the right-hand menu:

3) Make sure that 'CSS' is selected:

4) Click 'Copy code':

1) Click on the component that you'd like to copy the React code for. Remember you can only select one at a time.

2) Click on 'Handoff' within the right-hand menu:

3) Make sure that 'React' is selected:

4) Scroll to the bottom and click 'Copy code' or 'Download component' if you'd like a file version instead:

Currently, it's not possible to export your entire Uizard project to HTML, Javascript, or script.

Please note that you can inspect individual components and get CSS or React code in Handoff Mode. Downloading React code for individual components is the only code export we have currently.

You can submit your desired export formats here and we will consider the frequent requests as we continue to improve the platform 🚀