Adobe XD: Using UI Kits
34mIntermediate2018-12-17
Authors
Brian Wood
Web Developer, Author, and Trainer
Course details
Shortcut the UX design process. Learn how to quickly design experiences for mobile and desktop platforms using Adobe XD UI kits—free libraries of prebuilt elements and interactions. This course shows how to develop an engaging, interactive UX design using UI kits from Adobe as well as other third-party vendors. Instructor Brian Wood also shows how to find, install, and use UI kits, and resolve any issues with missing fonts. He then demos three different examples: the iOS kit for app design, the wireframes kit for responsive web design, and the new Auto-animate kit.
Skills covered
WireframingAdobe XDUX DesignUser ExperienceProjectAdobeWeb Development
Concepts
0. Introduction
- 01 - Explore UI kits in Adobe XD
- 02 - Work with the exercise files
- 03 - Understand UI kits
1. Use UI Kit Content
- 04 - Discover UI kits
- 05 - Use content from a UI kit
- 06 - Fonts in UI kits
- 07 - Responsive Resize UI kit
- 08 - Auto-Animate UI kit
Conclusion
- 09 - Summary