A Quick Start Guide to Adobe XD: 8 Essential Tutorials for Experience Design CC

Image Tutorials Tutorials
August 31, 2016

A Quick Start Guide to Adobe XD: 8 Essential Tutorials for Experience Design CC

Article image

It’s the most in-demand skill in Silicon Valley, so why not add a user experience (UX) program to the Adobe suite? Graphic designers are rapidly morphing into UX designers—learning to create web and mobile interfaces through self-taught and “on the job” education. It sounds tricky, but you can pick it up pretty easily if you have basic knowledge of Photoshop or other Adobe applications. We’ve gathered the best quickstart tutorials on the Internet for Adobe Experience Design CC, also know as Adobe XD, to help you get acquainted with this new program.

These videos cover all the essentials of Adobe XD—from how to design for multiple devices to using stock vectors as interactive elements. Watch them from top to bottom, and you’ll be ready to start learning valuable UX design skills.


1. How to Use Adobe Experience Design CC

Terry White’s 30 minute introduction to Adobe XD covers all the basic tools and functions of the program, providing a foundational understanding for new users.

Join Our Creative Community

Access the best video tips, design hacks, and deals straight to your inbox.

2. What’s New in Adobe XD

In this video, the lead designer of XD discusses new features and gives a demo of how they all work.


3. Adobe XD: Some Cool Features

Pieter Dorst teaches users how to add another screen to a flow and complete some user tests.


4. Adobe XD Basics: Experience Design Tutorial

ATB takes you quickly through the structure and components of Experience Design.


5. Learn How to Design a Carousel Slider in Adobe XD

Dansky gives an easy overview of building carousel sliders with stock photos.


6. How to Import SVG (Illustrator and Sketch) in Adobe XD

Straight from Adobe, this tutorial teaches you how import your illustration files.


7. Adobe Experience Design: Playing With Vectors

Tom Green shows you how to edit vectors and illustrations directly in Adobe XD.


8. How to Create Prototypes (wires) in Adobe XD

Demian Borba, a Product Manager at Adobe Experience Design, gives an overview of prototyping using wires and animation settings.

Ready to give XD a whirl? Get all the royalty-free photos, vectors, and icons you need to create a dynamic user experience for your portfolio or client.


Explore Images for UX Design

Caitlyn Hampton


Caitlyn is a Storyblocks designer and writer with expertise in design concepts and overly emotional song lyrics. When she’s not designing, she can be found strumming a ukulele, frolicking amongst the mountains, or laughing at her own jokes.