Skip to content
KnowledgeCity

Adobe XD Intermediate: Design Systems

Learn how to access and utilize a design system
Preview the first lesson free — get full access to all 5 lessons.
Course: On-Demand
Intermediate Provider Jessica Henley  5 Lessons ·  24m  in Arabic, German, English, Spanish, French, Portuguese, Chinese 

Course Description

In these Adobe XD lessons, you will learn an introduction to design systems, including how to access existing design systems, recognize design systems documentation, and manage typography, colors, and screen designs.

Design Systems are used to create organized, sustainable, and consistent designs. They can play a key factor in creating cohesive fonts, colors, components, and project assets. To get up and running quickly, you can even use the premade UI Design Kit that Adobe has on their website. These lessons go over how to download UI Design Kits and import them into Adobe XD. Design system documentation provides you with the standards and rules for the overall look, feel, and functionality of the product or service, and these lessons will show you how to use design systems documentation to ensure that your design will stay consistent with your company's brand. You’ll learn how typography and colors can help with the mood and tone of your overall design and engage customers to interact with your business.

What You'll Learn

  • Access premade UI Design Kits from Adobe's website and import them into Adobe XD
  • Recognize the importance of design systems documentation and its standards and rules
  • Understand how typography and colors shape the mood and tone of a design
  • Manage typography, colors, and screen designs for consistent results
  • Use design systems documentation to keep designs consistent with your company's brand

Key Takeaways

  • Design systems are used to create organized, sustainable, and consistent designs.
  • Design systems can play a key factor in creating cohesive fonts, colors, components, and project assets.
  • Adobe provides a premade UI Design Kit on their website that you can download and import into Adobe XD to get up and running quickly.
  • Design system documentation provides the standards and rules for the overall look, feel, and functionality of a product or service.
  • Typography and colors can help engage customers to interact with your business.

Frequently Asked Questions

What will I learn in this course?

You will learn an introduction to design systems, including how to access existing design systems, recognize design systems documentation, and manage typography, colors, and screen designs in Adobe XD.

What lessons are included?

The course includes five lessons: Intro to Design System, Accessing Existing Design Systems, Design System Documentation, Managing Typography and Colors, and Screen Design.

What skills does this course cover?

It covers skills including Adobe XD, Design Technology, Instructional Design, Learning Design, and UI/UX Design Systems.

How can I get started quickly with design systems in Adobe XD?

You can use the premade UI Design Kit that Adobe has on their website; the lessons show how to download UI Design Kits and import them into Adobe XD.