Storyboards for UI/UX with Adobe XD

Matt Ward, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (37m)
    • 1. Intro

      1:29
    • 2. Creating the Storyboard

      18:14
    • 3. Animating the Storyboard I

      9:57
    • 4. Animating the Storyboard II & Exporting

      7:36
14 students are watching this class

About This Class

In this class we'll be going over how to quickly make storyboards in Adobe XD, with no art or sketching background needed!

Storyboards were originally developed by the film industry as a tool to tell a story, but have also been adopted into the product development process to do the same very same thing. Making a storyboard allows us to quickly visualize and convey ideas to stakeholders, without a huge investment of time or money. The problem is, it's really hard for those of us less artistically gifted to put one together, but that changes today!

We'll be using the unDraw plugin (it's free and amazing) to put together and animate an example story board for Amazon's shipping process. We'll go over a simple framework to have beforehand that involves taking notes on each part or "frame" of the storyboard and the rest will be super easy and fast from there!

See some examples below!

4dc40da6

c5e32554

42431db4