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

Manage colors - Adobe XD Tutorial

From the course: Creating a Design System with Adobe XD

Start my 1-month free trial

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…

Contents