Adobe XD Essential Training: Prototype

Learn how to transform your design from a static interface to a high-fidelity, fully interactive prototype using Adobe XD.

Introduction

• Welcome to Adobe XD: Prototype

1. Windows Management

• Desktop preview app
• Setting viewport height
• Fixed position while scrolling

2. Triggers and Interactions

• Tap and Previous Artboard transition
• Hover transition
• Overlay transitions
• Copy and paste interaction
• Adding menu navigation
• Anchor links (Scroll To interaction)
• Preserving scroll position
• Keyboards and game pads
• Voice triggers with speech playback

3. Auto-Animate Interactions

• Introducing auto-animate
• Drag interaction
• Integrating video
• Integrating Lottie
• Exporting to After Effects

4. Conclusion

• Where to go to from here