Adobe XD: Building a Responsive Component Library

Explore using Adobe XD to build out a component library that can be easily adapted and updated from project to project. Instructor Dani Beaumont covers efficiently designing for multiple screen resolutions, correcting hierarchy and responsive resize behavior to mimic real-world scenarios, creating and managing states (sprites), and more. Plus, Dani shares a variety of tips and tricks along the way.

Topics include:

Building component masters and instances
Converting objects to components
Nesting components
Atomic Design methodology
Using repeat grid with components
Using states and micro-interactions
Creating component states to organize content
Using states to represent breakpoints
Adjusting elements for a tablet layout