Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Creating a Design System with Adobe XD

via LinkedIn Learning

Go to class Write review
Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More → Coursera Ad

Save 40% on 3 months of Coursera Plus

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Help teams deliver engaging user experiences. Learn how to create a design system focused on collaboration and scalability using the powerful features in Adobe XD.

Syllabus

Introduction
  • Creating a design system with Adobe XD
  • Mac XD UI overview
  • Windows XD UI overview
1. Design Systems
  • What is a design system?
  • Why do we need a design system?
  • What are the parts of a design system?
  • How do we create a design system?
2. Create a Design System
  • Useful XD resources
  • Open existing design systems
  • Manage typography
  • Manage colors
  • Iconography
  • Useful plugins, part 1
  • Useful plugins, part2
3. Use Components
  • Create components
  • Override component properties
  • Use linked components
  • Use assets from cloud documents
  • Component states for Hover and more
4. Share and Iterate
  • Live coediting
  • Publish as PDF or as a web link
  • Export assets locally
  • Share with developers
Conclusion
  • Next steps

Taught by

Demian Borba

Reviews

4.7 rating at LinkedIn Learning based on 145 ratings

Start your review of Creating a Design System with Adobe XD

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.