Adobe XD: Migrating from Sketch

50mIntermediate2020-02-27

Authors

Dani Beaumont

Managing innovative apps in the web and design space for 25+ years

Course details

Discover how to use Adobe XD as an alternative to Sketch, and learn how to convert Sketch files to XD projects. Instructor Dani Beaumont demonstrates the differences and similarities of the two applications, and discusses how XD features and workflows can help streamline user experience (UX) design projects. Dani also covers using Photoshop and Illustrator to extend the design workflow in XD.

Topics include:
- Sketch to XD conversion workflows
- Building interactivity
- Sharing with stakeholders
- Viewing prototypes and adding comments
- Converting a Sketch symbol library to an XD design system

Skills covered

WireframingAdobe XDUX DesignUser ExperienceProjectAdobeWeb Development

Concepts

0. Introduction

01 - Sketch to XD conversion workflows
02 - What is covered
03 - About the exercise files

1. Understanding How XD Content Is Organized

04 - Exploring web layouts in Sketch
05 - Converting the Sketch file to native XD format
06 - Acclimating to the XD UI
07 - Setting artboard viewport height

2. Building Interactivity

08 - Editing the design
09 - Previewing scrolling pages
10 - Wiring artboards
11 - Copying and pasting interactions

3. Preparing for Export

12 - Mark for export
13 - Sharing with stakeholders

4. Understanding the Stakeholder Experience

14 - Viewing prototypes and adding comments
15 - Interacting with design specs

5. Converting a Sketch Symbol Library to an XD Design System

16 - Introduction to migrating from Sketch to XD
17 - Linking a Sketch library
18 - Placing linked assets
19 - Revising linked components

Conclusion

20 - Keeping up with application changes
21 - Where to go from here