Exporting to HTML

Diane W shared this question 6 years ago
Answered

I want to export my prototype to HTML so my UI developer can look at the HTML, CSS, JAVASCRIPT code.


When I use the File > Export to HTML feature, I get too many directories and the exported code is not formatted; it is all run together.


I am evaluating this software and if we are stuck with this type of export, then this probably will not work for us.

Comments (4)

photo
1

Select the option File -> Preferences in your Prototyper and uncheck the option 'Optimized'. Then export your prototype to HTML again.

photo
1

To export to HTML, go to File -> Export to HTML.

If you would like an export with only the essentials, go to Preferences and uncheck 'Optimized', and then export to HTML again.

The folder generated by exporting to HTML will contain an index.html file that you can use to view the simulated version of your prototype.

8c235d45ca86df314b73ff77a2dc0a74


You can click on Resources, then screens, and then you'll see the CSS and Javascript.

photo
1

Hi Danielle,

I noticed that the filenames are all very long. Are we meant to rename the filenames ourselves so that they can be immediately be used to produce a website?


Thanks,

Max

photo
1

You could rename them if you'd like, but it's not required. However, you'll probably need a developer to assist with the files in order to get them organized and ready to be produced into a real website.

photo