Advertisement
  1. Web Design
  2. Adobe XD
Webdesign

Adobe XD in 60 Seconds

by
Difficulty:BeginnerLength:QuickLanguages:
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.

Sharing

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 Elements
Wireframe kits on Envato Elements
Wireframe kits on Themeforest
Wireframe kits on Themeforest

Further Resources

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.