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

Erin Howe
Creative Solutions Group
Thank you so much for the script! I really enjoyed the discussions and tips you led us into over the course of the two-day class. I have highly … read more
Doug Neale
Doug Neale Programming
Just a quick line to say that your suggestion worked and my friend is very impressed with your know-how, but baffled as to why it worked! Thanks … read more
Cynthia Romero
Thank you for being such a great instructor and imparting your Illustrator knowledge. On Friday at work when I opened an existing .AI document I … read more
TrainingOnsite.com Logo

Who’s Online

Currently: 92 guests (aka smart people)

Email News

Subscribe to our email newsletter?

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

Search