Adobe XD for UX/UI Web Design & Prototyping

1. An Introduction to Adobe XD
Introducing Adobe XD
A typical UX design workflow
Starting Adobe XD and opening a file
Exploring the workspace (macOS)
Exploring the workspace (Windows)
Working in Design mode
Prototype mode
Changing the view of artwork
Previewing your designs
Sharing your designs
Finding resources for using Adobe XD

2. Setting Up a Project
Starting the lesson
Creating and saving a new document
Creating and editing artboards
Adding grids and guides to artboards
Managing artboards with the Layers panel

3. Adding Images, Graphics, and Text
Starting the lesson
Assets and Adobe XD
Bringing in content from Photoshop
Bringing in content from Adobe Illustrator
Masking content
Working with text

4. Creating and Editing Graphics
Starting the lesson
Graphics and Adobe XD
Creating and editing shapes
Drawing with the Pen tool
Working with UI Kits

5. Organizing Content
Starting the lesson
Arranging objects
Working with the Layers panel
Working with groups
Aligning content
Positioning objects

6. Working with Assets and CC Libraries
Starting the lesson
Managing assets with the Assets panel
Working with Creative Cloud Libraries

7. Using Effects, Repeat Grids, and Responsive Layout
Starting the lesson
Applying and editing gradients
Understanding effects
Using repeat grids
Responsive content and layouts

8. Creating a Prototype
Starting the lesson
Starting with prototypes
Taking prototypes further

9. Previewing a Prototype
Starting the lesson
Recording a prototype
Previewing on a mobile device
Document history

10. Sharing Your Designs
Starting the lesson
Methods of sharing

11. Exporting and Integration
Starting the lesson
Exporting assets
Using plugins

1. An Introduction to Adobe XD
Introducing Adobe XD
A typical UX design workflow
Starting Adobe XD and opening a file
Exploring the workspace (macOS)
Exploring the workspace (Windows)
Working in Design mode
Prototype mode
Changing the view of artwork
Previewing your designs
Sharing your designs
Finding resources for using Adobe XD

2. Setting Up a Project
Starting the lesson
Creating and saving a new document
Creating and editing artboards
Adding grids and guides to artboards
Managing artboards with the Layers panel

3. Adding Images, Graphics, and Text
Starting the lesson
Assets and Adobe XD
Bringing in content from Photoshop
Bringing in content from Adobe Illustrator
Masking content
Working with text

4. Creating and Editing Graphics
Starting the lesson
Graphics and Adobe XD
Creating and editing shapes
Drawing with the Pen tool
Working with UI Kits

5. Organizing Content
Starting the lesson
Arranging objects
Working with the Layers panel
Working with groups
Aligning content
Positioning objects

6. Working with Assets and CC Libraries
Starting the lesson
Managing assets with the Assets panel
Working with Creative Cloud Libraries

7. Using Effects, Repeat Grids, and Responsive Layout
Starting the lesson
Applying and editing gradients
Understanding effects
Using repeat grids
Responsive content and layouts

8. Creating a Prototype
Starting the lesson
Starting with prototypes
Taking prototypes further

9. Previewing a Prototype
Starting the lesson
Recording a prototype
Previewing on a mobile device
Document history

10. Sharing Your Designs
Starting the lesson
Methods of sharing

11. Exporting and Integration
Starting the lesson
Exporting assets
Using plugins