YoVDO

Creating a Design System with Adobe XD

Offered By: LinkedIn Learning

Tags

Adobe XD Courses Typography Courses Team Collaboration Courses Iconography Courses Feedback Collection Courses Asset Management Courses Design Systems Courses

Course Description

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.

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.

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

Related Courses

Information Design
University of California, San Diego via Coursera
大航海時代の日本:日欧文化交流の歴史(ヒストリア) (ga029)
Sophia University via gacco
مقدمة في التصميم الجرافيكي
Edraak
Fundamentals of Graphic Design
California Institute of the Arts via Coursera
Introduction to Typography
California Institute of the Arts via Coursera