130141" loading="lazy" srcset="https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=30&q=75&format=avif&compress=true&dpr=1 30w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=50&q=75&format=avif&compress=true&dpr=1 50w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=70&q=75&format=avif&compress=true&dpr=1 70w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=100&q=75&format=avif&compress=true&dpr=1 100w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=128&q=75&format=avif&compress=true&dpr=1 128w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=160&q=75&format=avif&compress=true&dpr=1 160w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=200&q=75&format=avif&compress=true&dpr=1 200w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=240&q=75&format=avif&compress=true&dpr=1 240w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=300&q=75&format=avif&compress=true&dpr=1 300w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=320&q=75&format=avif&compress=true&dpr=1 320w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=330&q=75&format=avif&compress=true&dpr=1 330w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=360&q=75&format=avif&compress=true&dpr=1 360w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=376&q=75&format=avif&compress=true&dpr=1 376w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=400&q=75&format=avif&compress=true&dpr=1 400w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=480&q=75&format=avif&compress=true&dpr=1 480w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=576&q=75&format=avif&compress=true&dpr=1 576w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=600&q=75&format=avif&compress=true&dpr=1 600w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=640&q=75&format=avif&compress=true&dpr=1 640w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=700&q=75&format=avif&compress=true&dpr=1 700w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=720&q=75&format=avif&compress=true&dpr=1 720w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=768&q=75&format=avif&compress=true&dpr=1 768w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=800&q=75&format=avif&compress=true&dpr=1 800w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=900&q=75&format=avif&compress=true&dpr=1 900w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=940&q=75&format=avif&compress=true&dpr=1 940w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1000&q=75&format=avif&compress=true&dpr=1 1000w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1024&q=75&format=avif&compress=true&dpr=1 1024w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1080&q=75&format=avif&compress=true&dpr=1 1080w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1100&q=75&format=avif&compress=true&dpr=1 1100w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1140&q=75&format=avif&compress=true&dpr=1 1140w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1200&q=75&format=avif&compress=true&dpr=1 1200w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1242&q=75&format=avif&compress=true&dpr=1 1242w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1300&q=75&format=avif&compress=true&dpr=1 1300w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1400&q=75&format=avif&compress=true&dpr=1 1400w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1440&q=75&format=avif&compress=true&dpr=1 1440w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1500&q=75&format=avif&compress=true&dpr=1 1500w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1536&q=75&format=avif&compress=true&dpr=1 1536w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1600&q=75&format=avif&compress=true&dpr=1 1600w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1700&q=75&format=avif&compress=true&dpr=1 1700w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1800&q=75&format=avif&compress=true&dpr=1 1800w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1880&q=75&format=avif&compress=true&dpr=1 1880w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1920&q=75&format=avif&compress=true&dpr=1 1920w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2000&q=75&format=avif&compress=true&dpr=1 2000w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2048&q=75&format=avif&compress=true&dpr=1 2048w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2100&q=75&format=avif&compress=true&dpr=1 2100w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2208&q=75&format=avif&compress=true&dpr=1 2208w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2280&q=75&format=avif&compress=true&dpr=1 2280w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2400&q=75&format=avif&compress=true&dpr=1 2400w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2500&q=75&format=avif&compress=true&dpr=1 2500w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2560&q=75&format=avif&compress=true&dpr=1 2560w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2600&q=75&format=avif&compress=true&dpr=1 2600w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2732&q=75&format=avif&compress=true&dpr=1 2732w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2800&q=75&format=avif&compress=true&dpr=1 2800w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=2880&q=75&format=avif&compress=true&dpr=1 2880w,https://prototyprio.gumlet.io/wp-content/uploads/2021/04/1_Y2gIldmjDX1mWHBVSAAFNA.png?w=1440&q=75&format=avif&compress=true&dpr=1 1440w">

However, for this example, I’ll be heading to Adobe Color.

I created an AdobeXD Library because I’ll be taking on the task to work on my branding for my AdobeXD Ambassador social networks.

I drew an image that I like the color palette of. I went to Extract Theme and dropped it in.

I do love this color palette, I updated to use some blue (I’m from the Caribbean and I love reminiscing about the beaches). Then I navigated to the Accessibility Tools to make sure it is colorblind safe because accessibility is important to me (you’ll hear me mention the importance of Inclusive Design in most of my entries).

Now all I need to do is open my Adobe XD app and navigate to the library.

This is done by using pressing Shift+CMD+Y or selecting Libraries on the lower left of the window.

I used the color palettes on the artboards in XD and now I have the start of my design system.

I can do a great deal with this but stay tune and follow as I build this system out.

Download my XD file here. Follow me here to ensure you see how this design system evolves and see my tips on Instagram.

Using CC libraries with Adobe XD