Creating a Design System with Adobe XD

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.

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