Welcome to my brand new course, “Learn Adobe XD: UX Designing and Prototyping” where I teach you how to navigate around and use the tools of Adobe XD efficiently while also teaching you UX design best practices as we design and prototype an app together.

This course is normally $70 but to celebrate the launch, for a limited time, I am offering the course for only $10!

View course details and enroll here

What is Adobe XD?

Adobe XD is a brand new tool for UI/UX designers that gives you the power to design and prototype an entire app, all from one program. This is what makes adobe XD so powerful amongst other competitors. With eas you can switch between design and linking prorotypes to have an interactive design assembled within minutes of launching the app for the first time.

Course instructor

My name is Caleb, I’ve been a UX designer for over 7 years as I founded my company, brainspin. I’m also the founder of Salt Lake Designers. A local design community that I host to share design industry news, workshops and best practices.

Course pre-requisites

  • No prior UX/UI knowlege necessary. This course is built to teach you adobe XD as well as serve as an introduction into UX design. This means, this course services all skill levels.

Who should take this course?

  • Anyone brand new to UX design
  • Experienced designers wanting to learn Adobe XD

What you will learn?

  • How to efficiently use the tools in Adobe XD to create designs and prototypes with speed and ease.
  • Best practices on how to set up your project for rapid layout and graphic changes across the project.
  • How to share your designs and prototypes with commenting features for quick feedback.
  • How to design multiple artboards and prototype them during your design.

Adobe XD Curriculum

Getting started

  • Course Introduction
  • Using the exercise files

Section 2: Getting familiar with Adobe XD

  • The start screen
  • The interface
  • The menu
  • The tools panel
  • The properties panel
  • Using UI templates
  • The assets panel
  • Creating and using symbols
  • The layers panel
  • The prototype workspace
  • Using device preview
  • Sharing prototypes

Section 3: Creating your first project

  • Setting up your artboards and grids
  • Creating a wireframe
  • Designing a wireframe
  • Creating icons
  • Adding and formatting text
  • Using repeat grids
  • Working with color
  • Importing images
  • Designing a login screen
  • Creating a background blur
  • Prototyping your design
  • Testing your prototype

Section 4: Working with images and vectors

  • Importing assets
  • Masking images with a shape

Section 5: Creating reusable content

  • Using repeat grid to design a popup menu
  • Creating a custom color palette and color styles
  • Editing SVG imports

Section 6: Publishing your prototype and exporting assets for developer handoff

  • Using device preview to quickly discover and fix errors
  • Using desktop preview
  • Sharing and commenting on your prototype
  • Exporting assets for developer handoff

Section 7: Conclusion

  • Conclusion