Adobe Experience Design (abbreviated as Adobe XD) is an industry-renowned user interface (UI) and user experience (UX) design software used to develop realistic UI and UX designs for desktop, mobile, and web applications. Product designers typically use Adobe XD to create interactive prototypes, wireframes, user testing, and real-world quality designs to envision or emulate the intended product. Adobe XD key features include design tools (vector design, responsive redesign, repeat grid), prototyping (interactive prototypes, voice prototyping, auto animation), collaboration (co-editing, easy to share for review, easy design specs generation), component and assets management (reusable components, digital asset management)

With its comprehensive toolset, Adobe XD is essential for product teams to develop prototypes for digital experiences and processes. Use the keyboard shortcuts for the interface, window, operation modifiers, measurement, specs, Vector, and prototyping to boost your speed and efficiency with Adobe XD.

 

Interface and Viewing Options Keyboard Shortcuts

  • Switch to Design mode  Alt + 1
  • Switch to Prototype mode  Alt + 2
  • Switch to Share mode  Alt + 3
  • Zoom In  Ctrl + +,  Ctrl - Scroll wheel,  Pinch out (trackpad)
  • Zoom Out  Ctrl + -,  Ctrl-Scroll wheel,  Pinch in (trackpad)
  • Zoom to Selection  Ctrl + 3
  • Zoom to Fit  Ctrl + 0
  • 100%  Ctrl + 1
  • 200%  Ctrl + 2
  • Pan Spacebar
  • Assets  Ctrl + Shift + Y
  • Layers  Ctrl + Y
  • Show Layout Grid  Shift + Ctrl + '
  • Show Square Grid  Ctrl + '
  • Switch between design and prototype mode  Ctrl + Tab
  • Increase or decrease a value in a field by 1  ↑ or ↓
  • Increase or Decrease a value in a field by 10  Hold Shift + hit ↑ or ↓

 

Window Menu Keyboard Shortcuts

  • Maximize  WIN ↑
  • Minimize  WIN ↓
  • Preview  Ctrl + Enter

 

Operation Modifiers Keyboard Shortcuts

  • Horizontal Pan  Shift + Scroll wheel
  • Vertical Pan  Scroll wheel

 

 Selection and Measuring Distances Between Elements

  • Enable measurements  Alt (with an object selected)
  • Distance from Selected Layer  Hold Alt and Hover over object/group/artboard
  • Distance relative to Selected Group  Hold Ctrl + Alt  and Hover over an object in the group

 

Design Specs Keyboard Shortcuts

  • Zoom    Ctrl + Mousewheel, Ctrl +, Ctrl -
  • Reset zoom  Ctrl + 0
  • Pan  ↑, ↓, →, ←  Spacebar + Click-and-drag
  • Faster pan  Shift + ↑, ↓, →, ←
  • Remove focus from artboard in Spec view  Esc
  • Navigate across linked artboards  Shift + Click

 

Vector Editing Keyboard Shortcuts

  • Start Editing Selected Vector Object  Enter
  • Stop Editing Selected Vector Object  Esc
  • Switch Between Straight and Mirrored Control Points  Double-click
  • Disconnect Control Point Handle  Alt + drag

 

Prototyping Keyboard Shortcuts

  • See all connections in prototype mode  Ctrl + A
  • Hide all wires  Alt
  • Preview  Ctrl + Enter
  • Navigate artboards in preview or shared prototype  → or ←
  • Create a new line in the comment box of shared prototype link  Enter or Shift + Enter
  • Submit comment entered in the comment box of shared prototype link  Ctrl + Enter

Post a comment

Your email address will not be published.