Adobe XD logo

2 days. This course provides an introduction to the powerful code-writing and wireframe prototyping UX features of Adobe XD 2021 software. Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one UI/UX design tool. Topics include:

  • Getting to know and customize the Adobe XD 2021 interface
  • Introduction to Adobe XD 2021
  • A typical workflow for prototyping a UX design
  • Getting to know the workspace
  • The design tools in Design mode
  • Working with panels and the Property Inspector
  • What is Prototype mode?
  • Changing the View and using the Zoom tool
  • Navigating through the artboards
  • Previewing and sharing designs
  • Resources connected to Adobe XD
  • Starting a new document and/or cloud document
  • Creating and editing art boards with the Artboard tool
  • Working with and aligning artboards
  • Layout grids and artboard guides
  • Importing and replacing image assets
  • Transforming and scaling an image
  • Using Photoshop and XD in your workflow
  • Using Illustrator for vector assets with XD
  • Editing an image fill mask with shape or path
  • Importing and styling point text and area text
  • Creating and editing rectangles, ellipses, and polygons
  • Fill versus border and border options
  • Editing, combining, and aligning shapes
  • Drawing paths and curves with the Pen tool
  • Downloading and working with UI kits
  • Organizing and arranging object content
  • Selecting, locking, hiding content using the Layers panel
  • Grouping and searching and filtering
  • Aligning and positioning content
  • What is the Memory artboard?
  • Working with the Assets panel
  • Saving color swatches and character styles
  • Master components and component instances
  • Swapping, grouping, and linking components
  • Using and editing things in the CC Library
  • Applying and editing gradients
  • Understanding effects and blend modes
  • Creating and editing a repeat grid
  • Responsive content in your layout
  • Design mode vs. Prototype mode
  • Hover and multiple states to components
  • Animating your content
  • Multiple interactions on a single object
  • Preserving scroll positioning
  • Working with fixed positioning
  • Content with overlays
  • Drag, timing, and voice triggers
  • Previewing and recording a prototype
  • Share for review and commenting
  • Exporting as PDF, SVG, PNG, JPG
  • Exporting code assets

Suggested Follow Ups:Adobe XD Expert Badge

Reserve today! Click for our Onsite Custom Training Request form.

Adobe logo wordmark

Pin It

WashDC IDUG Subscribe

Are you a former Washington DC InDesign User Group member? Subscribe to our email newsletter?
Thank you! We look forward to serving your training needs.
OpenTools Productivity Plug-ins for InDesign CC and CS6


Alex Namath
I liked that it was hands-on and that the instructor was patient and knowledgeable. I only wish the class had been longer!
Keang Hok
Thanks for teaching a great class. I learned a lot of interesting tips. Thanks!
Carmelle Scott
Publishing Industry
Urszula, I am very excited about using the long document features in InDesign. It's like a new program, even though I've been using it for years! … read more Logo

Who’s Online

Currently: 427 guests (aka smart people)

Email News

Subscribe to our email newsletter?

Thank you!
We look forward to serving
your training needs.