High-Quality Micro-interaction Expressions Using Adobe XD - S915

Closed captions in Japanese can be accessed in the video player.

Share this page


This session is presented in Japanese.


Adobe XD enables designers to easily create website and application prototypes. If you pay particular attention to the expressions of micro-interactions, you can make higher quality prototypes. While you can sufficiently express micro-interactions using only the standard prototype functions in XD, combining them with other functions allows for even finer expressions. This session uses several demos to introduce hints for increasing your micro-interaction expressiveness.

Topics covered include:

  • Animations using masks and dashed lines
  • Hover animations using both transformations and dissolving
  • Rich hamburger menu without using the art board overlay
  • Password input using states

Technical Level: Intermediate

Session Type: Session

Category: How To

Track: UI and UX

Audience: Art/Creative Director, Front End Developer, Game Developer, Graphic Designer, UI and UX, Web Designer

This content is copyrighted by Adobe Inc. Any recording and posting of this content is strictly prohibited.

By accessing materials linked on this page ("Session Materials"), you agree that 1. Session Materials are Sample Files per our Terms of Use and 2. you will use Session Materials solely as directed by the applicable speaker.

Play button

Presented by UserTesting

Microsoft Scales Customer Empathy across 40+ Teams to Drive Innovation

More sessions you may like

Create with free Adobe Stock

Explore the curated collection of Adobe Stock photos, videos, and templates for Adobe MAX attendees.