Creating Gifs of UX/UI Projects

Matt Ward, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (13m)
    • 1. Introduction

      0:55
    • 2. Methods Overview

      0:26
    • 3. Record Your Video

      1:39
    • 4. Convert to Gif

      4:07
    • 5. Add Device Mockup - Optional

      6:00
    • 6. Wrap Up

      0:15

Project Description

For this class project try making a gif of your own UI work! I'll include the XD, Video, and Gif files that we completed in the class for reference. 

Remember to keep your gif size relatively small (under 10mb) and don't try to record anything over 10 seconds or it will be way too large. 

fc2f2ba5

Student Projects