Adobe XD: Building a Responsive Component Library

Sale!

Safe Payment

Secure payment via Credit Card, Don't keep any cards information.

Secure Download

All download sources is secure & reliable through Google Drive.

Lifetime Access

All softwares and products gets unlimited access & lifetime use.

If you are going to buy up from 5+ products through our website you can asking for 30% OFF Coupon code.

Categories Adobe XD Videos Tutorials, Videos Tag Dani Beaumont

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

About the Author

Dani Beaumont has been managing innovative apps in the web and design space for more than 25 years.

She is currently a principal product manager on Adobe XD responsible for new feature delivery, and she was formerly the principal product manager on Adobe Muse. Dani has created multiple LinkedIn courses for Adobe Muse including Muse Essential Training and Designing Ecommerce sites with Muse. She resides in Washington DC.