Adobe XD Essential Training: Design

Design great user experiences for any size screen using Adobe XD. In this course—the first in a two-part series—learn how to create and collaborate on web and mobile app designs.

By building a high-fidelity prototype, you can get feedback from stakeholders and users before you sink too much time into a design that doesn’t meet their needs. Adobe XD—a UX design platform for creating experiences using an iterative design process—was designed to help make it easier to collaborate on and share your ideas. In this course, the first installment in a two-part series, learn how to create and collaborate on web and mobile app designs using Adobe XD. Instructor Dani Beaumont, a principal product manager on Adobe XD, shows how to set up a design project and make use of the workspace layouts and tools. She also demonstrates how to use power capabilities such as Repeat Grid and the Libraries panel; build a component library with states and overrides, and more.

Introduction

• Design at the speed of thought

1. Get Started with Adobe XD

• Creating a new document
• Adding artboards
• Opening an existing document
• Saving a cloud document
• Working with document history

2. Exploring the User Interface

• Workspace layouts
• Navigate the design canvas
• Asset panel is now Libraries panel
• Panels

3. Design Mode Basics

• Working with the exercise files
• Rectangle and Ellipse tool
• Paste attributes
• Converting shapes to paths
• Pen tool
• Path vs. line
• Boolean operations
• Masks and placed images
• Area vs. point text
• Text styling
• Fill and border colors

4. Layout Techniques

• Guides
• Grids
• Aligning objects
• Paste in place
• Padding
• Stacks
• Responsive Resize
• Repeat Grid

5. Transform

• Scale, rotate, and flip
• Scroll groups
• 3D Transforms

6. Working with Components

• Defining components
• Swap components
• Defining and leveraging component states

7. Design Collaboration

• Illustrator workflows
• Adobe Photoshop
• Sketch app
• Coediting

8. Design Systems and Asset Organization

• Filter, sort, and search in the Assets panel
• Extracting colors and character styles for reuse
• Revealing assets on the design canvas
• Design systems introduction
• Publishing a Creative Cloud Library
• Consuming a Creative Cloud Library
• Linking assets
• Converting Sketch files to libraries

Conclusion

• Next steps