Adobe XD Essential Training: Design [2020 Q1]

Learn how to use Adobe XD to design great user experiences for any size screen. See how to create and collaborate on web and mobile app designs.

Explore Adobe XD, the UX design platform for creating web apps and mobile apps using an iterative design process. Instructor Demian Borba shows how to set up a design project, use artboards and grids, and start working with vector design tools. Find out how to access user interface (UI) starter kits from Apple, Google, Microsoft, and the community. Discover how to use power capabilities such as Repeat Grid and the Assets panel, components with powerful overrides, leverage files from other apps and Creative Cloud Libraries, resize elements, use plugins, collaborate in real time, and more.

Introduction

• Take your design to the next level
• What is Adobe XD?
• Just one point before you start

1. Get Started with Adobe XD

• UI overview (Mac)
• UI overview (Windows)
• Navigate the canvas
• Design with artboards and guides
• Open Sketch, PS, AI, and SVG files
• Access incredible free UI kits
• Square vs. layout grids
• Layers and the selection model
• The color picker
• Linear and radial gradients

2. Design Mode Basics

• Create and edit vector shapes
• Pen tool and strokes
• Point and area text
• Work with masks
• Bring images into shapes
• Boolean operations
• Copy and paste the appearance
• Go faster with the Repeat Grid tool
• Add images and text with Repeat Grid
• Work with components and overrides
• Blend modes and Edit in Photoshop

3. Adaptive and Responsive Resize

• Resize elements responsively
• Nudge move and resize of elements
• Padding for adaptive adjustments

4. The Assets Panel

• Add and manage colors
• Add and manage text styles
• Label and organize assets
• Swap components
• Link components across documents

5. Connect with CC Libraries

• Working with CC Libraries

6. XD Plugins

• Find plugins to extend XD

7. Collaboration

• Cloud vs. local documents
• Versioning
• Live coediting

Conclusion

• Next steps