Scroll to top
Read Time: 1 min
This post is part of a series called 60 Second Video Tutorials.
Setting Up Jekyll for GitHub Pages in 60 Seconds
Create a “Coming Soon” Page in 60 Seconds

Adobe XD allows you to design and prototype for apps; anything from wireframes, to multiscreen experiences. Let’s see what it offers, in sixty seconds! 

Once you’ve opened the application, you can start by creating a new artboard with a variety of preset sizes, then add more artboards for additional screens within your design.

The XD Interface

Familiar tools like the line, ellipse, and rectangle tool are available from the tool bar at the left of the interface. There you’ll also find the text tool, and the pen tool which allows you to draw custom shapes.

On the right hand side is the property inspector; an area which provides a number of options for the object selected on your artboard.

If you have more than one artboard, these can be linked together by switching to prototype view. You can also set transitions between the artboards, defining the type of transition and how long each one will last.


Once your design or prototype is complete it can be shared online, to be viewed on either a computer, tablet, or smartphone.

Keen on Wireframing?

Checkout these wireframing kits available from Envato–for Adobe Illustrator, Adobe Photoshop, and Sketch. Why not create and submit your own Adobe XD wireframe kits for sale?

Wireframing on Envato ElementsWireframing on Envato ElementsWireframing on Envato Elements
Wireframe kits on Envato Elements
Wireframe kits on ThemeforestWireframe kits on ThemeforestWireframe kits on Themeforest
Wireframe kits on Themeforest

Further Resources

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.