From the course: Adobe XD: Building a Responsive Component Library

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Building out a responsive component library

Building out a responsive component library - Adobe XD Tutorial

From the course: Adobe XD: Building a Responsive Component Library

Start my 1-month free trial

Building out a responsive component library

- Hi, I'm Dani Beaumont, and I'd like to welcome you to this course. As the experience design industry continues to explode beyond web and mobile, the sheer number of hardware devices, viewport dimensions, and operating systems can be overwhelming. Building out a component library that can be easily adapted and updated from project to project in Adobe XD can be a real time saver. I'll take you through the process, and along the way I'll teach you a few tips and tricks. We'll begin by building a component from a set of grouped objects that you can easily vary using component instances. From there, we'll look at creating a design pattern by nesting components within one another. Next we'll consider using component states to create a collection of like objects. Now components are a fantastic solution for responsive layouts as well, so we'll spend some time designing navigation elements and a slideshow that can be easily…

Contents