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

Overview

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.