Telling a more compelling story with interactive prototypes
summary
Interactive prototypes built in Adobe XD show exact mechanics not just visuals: reusable components with hover and toggle states replace dozens of static artboards, auto-animate and scroll sections create realistic over‑the‑fold and map interactions, and nested components hack basic conditional flows. Teams record recorded walkthroughs with narration for clearer asynchronous dev handoffs and user tests. One team builds a full product replica in XD, shares links to phones and the XD app, and raises design visibility across engineering, sales and roadmaps.
AI-written summary · about
chapters (16)
- 0:00Introduction and speaker welcome
- 1:07Why interactive prototypes matter
- 3:57Prototypes beyond user testing
- 8:14Shaping design culture with prototypes
- 12:32Demo intro and XD features
- 13:39Creating scrollable prototypes
- 15:48Using components for interactivity
- 17:37Adding hover and tap states
- 19:00Building dropdown menus
- 22:36Interactive map prototypes
- 25:05Resources and future updates
- 25:49Q&A session begins
- 26:09Mobile usability testing with XD
- 27:55Future XD features
- 29:00Conditional logic in prototypes
- 31:10Closing remarks and survey
related talks
21mDesign for Value: More Discovery, Less Delivery
48mStorytelling With Software
01h 16mAgile and User Experience Design
01h 03mUX Design for Product Managers
23mEmbrace your project: Animation with concept
38mCreating Powerful Prototypes with Figma
18mBridging the gap between design prototyping and code
39mDesigning with Components