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

Testimonials

Terri Phillips
A couple weeks ago I took Mike’s InDesign class, which comprised students at varying levels. I thought he did an outstanding job managing those who … read more
Laurianne Thoury
External Relations Department, IMF
I would like to thank you again for your excellent presentation on Photoshop, I have learned a lot and I am definitely motivated to do my best and … read more
John E. Davis
ALX, HNTB Corporation
Thanks, this white paper about the 21 presets, styles, and automations is great. You truly have the answers!
TrainingOnsite.com Logo

Who’s Online

Currently: 638 guests (aka smart people)

Email News

Subscribe to our email newsletter?

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

Search