Web Export - Example Projects

This page lists some example projects that can be used to show features, verify features work properly and can be used as starter projects.

There are quite a few and more will be added. If there are any you don’t see but would like to, mention them in a reply. If you’d like a guide on a certain feature mention it in a reply.

Documentation
Documentation is included in the project and in the online instruction manual here.

Requirements
Adobe XD version 18.1 or greater

Downloads
The links below will take you to a Github page that looks like the following:


Click on the XD project name and it will load another page with a Download button like shown below:

Feature Examples

  • Adding Additional Attributes - Link
  • Auto Export - Link
  • Centering - Link
  • Adding Additional Classes - Link
  • Code Blocks - Link
  • Column Layout - Link
  • Constraints - Link
  • Dynamic Page Height - Link
  • Verifying Expect Output with Differences page - Link
  • Export as Image - Link
  • Export to same page media queries - Link
  • Export Types - Link
  • External Scripts - Link
  • Exporting an external Stylesheet - Link
  • Flexible Document - Link
  • Form Elements - Link
  • Gradients - Link
  • Hover Effects - Link
  • Hyperlink Styles - Link
  • Id - Link
  • IFrame - Link
  • Lists - Link
  • Markup Before and After - Link
  • Markup Inside - Link
  • Material Design - Link
  • No JavaScript Message - Link
  • Progressive Web App - Link
  • Reveal by Screen size - Link
  • Rotation - Link
  • Row Layout - Link
  • Scaling - Link
  • Single Page Application - Link
  • Style via Classes - Link
  • Adding Additional Styles - Link
  • Defining Tag Names - Link
  • Using Templates - Link
  • Text Ids - Link
  • Text Tokens - Link
  • Embedding Twitter post - Link
  • Wordpress Theme - Link | Link 2
  • Embedding YouTube video - Link

Starter Projects

  • Single Page site - A single page with links to the locations on the same page
  • Single Page site - A single page with fixed header menu
  • Single Page Application - A page with multiple artboards and links to show each view
  • Slide Show - A single page with navigation between each artboard
  • Multiple Page site - Multiple pages with links between them
  • WordPress - Static site (theme) - Video Link
  • WordPress - Single post site (theme) - Link
  • WordPress - Multiple page site (theme) - Link
  • YouTube - Embedding a YouTube video - Video | Link
  • Single page site showing artboards by size of screen
  • Single page site resizing to screen
  • Single page site showing elements by size of screen
  • Single page site scaling to fit the view
  • PayPal starter page
  • Unsemantic starter page
  • Angular starter page
  • React starter page
  • Apache Royale page - Video | Link
  • Discourse - Export a theme

Note: Some of the starter projects (2nd list) are now example projects (1st list).

Note: A few examples are not completely finished. Send a note on the forums if you would like them updated or find any errors.

The full list of examples are listed here:

1 Like