Course info
May 7, 2021
2h 46m
Your 10-day individual free trial includes:

Expert-led courses

Keep up with the pace of change with thousands of expert-led, in-depth courses.

Do you have a desire to create a mobile app or website? Would having a working prototype of your design that you could share with your clients make the process much easier?

In this course, Adobe XD CC Fundamentals, you will learn foundational skills needed to create an interactive prototype for a mobile app or website.

First, you will learn how to set up a project in Adobe XD CC.
Next, you will discover how to create graphics with the shape and pen tools, as well as adding interactive features to your project.
Finally, you will explore previewing your work on desktop and mobile, as well as sharing your interactive prototypes with clients and developers.

When you’re finished with this course, you will have the skills and knowledge of Adobe XD CC needed to create beautiful interactive designs that your clients can interact with and deliver valuable feedback on.

Course FAQ
Course FAQ
What is Adobe XD CC?

Adobe XD is a user experience design tool for websites and mobile apps, allowing you to create interactive graphics and prototypes that are easily shareable with clients.

What are some of the benefits of Adobe XD CC?

With Adobe XD you can:

  • Create graphics with greater depth and perspective
  • Build reusable components that sync
  • Add animations and effects to put designs in motion
  • Create states like hover and toggle or countless other variations
  • Easily duplicate galleries, lists, and other components
  • Quickly swap and resize content through content-aware layouts
  • Import from Photoshop and Illustrator
Is Adobe XD free?

Yes, there is a free version of Adobe XD, but it has some limitations. If you want full access to all of the tools and features then you will need to get the paid version.

What will I learn in this Adobe XD tutorial?

In this course you will learn how to create an interactive prototype in Adobe XD CC. Some topics covered include:

  • Setting up a project in Adobe XD
  • Exploring the XD interface
  • Drawing with the Shape and Pen tools
  • Importing images and graphics
  • Adding interactive features - scrolling, hperlinks, carousel sliders, etc.
  • 3D Transforms
  • Working with components
  • Previewing your work on desktop and mobile
  • Sharing your prototypes with others
Who should take this Adobe XD course?

Anyone who wants to learn how to use Adobe XD for creating graphics and interactive prototypes for mobile apps or websites. If you want to create designs that your clients can interact with, then this is perfect for you.

Are there any prerequisites to this course?

Nope! This is a beginner course, so no prior knowledge of Adobe XD is needed. It would help, though, to be familiar with the general basics of UX design.

About the author
About the author

William Everhart is a multi-talented artist with a background steeped in print. His work can be seen in magazines, across the web, and on the shelf at your local grocery store. William continues his work as a designer, but has a passion for using his vast experience to teach others.

More from the author
Illustrator CC for UX Design
3h 56m
Mar 20, 2018
Illustrator CC Creating SVGs
2h 34m
Nov 14, 2017
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello everyone. My name is William Everhart, and I want to welcome you to my course Adobe Experience Design CC Fundamentals. I'm a designer, author, and educator at E-Learning Uncovered. As a visual designer, I have used a variety of tools to create magazine layouts, product packaging, and a host of other static designs. But when it comes to designing dynamic media, such as a website or a mobile app, my first step is to use Adobe Experience Design CC to create an interactive prototype. In this course, I will teach you the foundational concepts that you need to know to get the most out of this amazing prototyping tool. Some of the major topics that we'll cover include setting up a project in Adobe Experience Design CC, creating graphics with the shape and pen tools, as well as importing graphics from other sources, adding interactive features to your project like scrolling, hyperlinks, and carousel sliders, previewing your work on your desktop and on a mobile device, and sharing your interactive prototypes with clients in a review cycle. By the end of this course, you will have created a working prototype of a mobile app and have the knowledge to create your own interactive prototypes. Now since this is a fundamentals course, no prior knowledge of Adobe Experience Design CC is necessary. However, you should be familiar with the very basic concepts of UX design. I invite you to join me on this journey that we call Adobe Experience Design CC Fundamentals right here at Pluralsight.