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


Laura Mercadante
Silberstein Insurance Group
The training you provided this week was excellent. Being a brand new user to the Adobe Creative Cloud, I now feel that I have a good base level of … read more
Jay Conklin
Office of Corporate Communications, NGIA
I took two InDesign classes with you about a year or so ago. A color issue came up the other day with a printed job and I thought if anyone would … read more
Tatum Birdsall
Thank you! I've already shared some of your tips from class with my colleague! Everyone is amazed how easy it is to draw basic 3D shapes in … read more Logo

Who’s Online

Currently: 136 guests (aka smart people)

Email News

Subscribe to our email newsletter?

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