From the course: Creating a Design System with Adobe XD
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Manage colors - Adobe XD Tutorial
From the course: Creating a Design System with Adobe XD
Manage colors
- [Instructor] Now let's learn how to work with colors here in the context of design systems. If you have elements in XD, let's say a circle here, you can add in the properties of colors individually here using the color picker. You can go from solid to linear. And you can add it here to radial. And you can add it here. All that for individual elements. But let's say I want to organize this in a more effective way. So the same way you were able to play with typography using the Assets Panel, you can now select elements. Let's say I have this button. I want to save these two colors, the pink and the white to my Assets Panel. So select the element. Go to colors. Click plus. And I'll get the two colors added to my Assets Panel. I can then double-click to name it. Let's follow the convention. Let's call this pink for buttons. And this is how now app white in general. You can also rearrange this. I can see this as a…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.