Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Creating a Design System with Adobe XD

Creating a Design System with Adobe XD

1h 25mBeginner2020-01-08

Authors

Demian Borba

Demian Borba

Strategic Development Manager for Adobe XD and a software engineer

Course details

Design systems can help enhance team collaboration, resulting in delivery success with reduced time-to-market and consistency. In this course, you can learn how to create a robust design system using the powerful asset management and sharing features in Adobe XD. Demian Borba examines the key elements, including colors, typography, and reusable components with flexible overrides. He demonstrates how to work with existing design systems from Sketch, Illustrator, and Photoshop, as well as collect and organize assets in XD. He also shows how to create and share reusable components using Creative Cloud. Finally, learn how to share and collect feedback across a team and share your work with developers, so they build apps and websites more effectively.

Learning objectives
Why do you need a design system?
Creating a design system
Managing typography and colors
Working with plugins
Creating flexible components
Using cloud documents for collaboration
Publishing and exporting assets
Sharing assets with developers

Skills covered

WireframingAdobe XDUX DesignUser ExperienceProjectAdobeWeb Development

Concepts

0. Introduction

  • 01 - Creating a design system with Adobe XD
  • 02 - Mac XD UI overview
  • 03 - Windows XD UI overview

1. Design Systems

  • 04 - What is a design system
  • 05 - Why do we need a design system
  • 06 - What are the parts of a design system
  • 07 - How do we create a design system

2. Create a Design System

  • 08 - Useful XD resources
  • 09 - Open existing design systems
  • 10 - Manage typography
  • 11 - Manage colors
  • 12 - Iconography
  • 13 - Useful plugins, part 1
  • 14 - Useful plugins, part2

3. Use Components

  • 15 - Create components
  • 16 - Override component properties
  • 17 - Use linked components
  • 18 - Use assets from cloud documents
  • 19 - Component states for Hover and more

4. Share and Iterate

  • 20 - Live coediting
  • 21 - Publish as PDF or as a web link
  • 22 - Export assets locally
  • 23 - Share with developers

Conclusion

  • 24 - Next steps

Related courses

Related learn paths

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal