Adobe XD for Designers

Introduction

• Why Adobe XD?

1. UX, UI, and Adobe XD

• Graphic design, UX, and UI design differences
• Going from graphic design to UI design
• Introduction to Adobe XD

2. Creating Text and Graphics

• Creating your first project
• Adding fonts and text
• Creating graphics

3. Importing and Sharing

• Importing and using libraries
• Adding effects
• Using Photoshop files
• Sharing for design review

4. Creating a Desktop Prototype

• Creating screens and transitions
• Adding Auto-Animate
• Creating reusable assets
• Button components and interactions
• Adding component states

5. Creating a Mobile Prototype

• Creating mobile layouts
• Adding interactions and sharing
• Using UI Kits
• Creating a screen overlay

6. Advanced Interactions

• Using Repeat Grid
• Scrolling and pinning content
• Creating draggable images
• Finalizing the prototype

7. Testing and Exporting

• Preview on a device
• Recording a video of interactions
• Sharing and commenting on prototypes
• Sharing specs and assets with developers

Conclusion

• Next steps