FREELessons: 15Length: 2.5 hours

Next lesson playing in 5 seconds


Code-Friendly Design With Adobe XD

Welcome to the Course


When you’re creating a design intended to be handed off to a developer, it’s important that you understand some key factors so that your design translates into code the way you expect it to.

In this course, we’ll get you across some of the most common “gotchas” you may not be aware of when designing for the web. By the time you’re done here, you’ll know how to make your designs code friendly, and the developers you work with will love you for it.

While we’re at it, we’re also going to cover some shortcuts for creating great designs, a little practical application of color theory, and a splash of accessibility.

Let’s begin!

Learn Adobe XD

We've built a comprehensive guide to help you learn Adobe XD, whether you're just getting started with UX design or you want to explore prototyping and collaboration.