So, are you ready to get started with Adobe XD? Then you should definitely memorize the keyboard shortcuts! These little helpers will help you navigate through your projects, perform actions and optimize your design work in Adobe XD with ease. Don't worry, you don't have to learn them all at once - we'll take a relaxed approach. Let's take a look together at the useful keyboard shortcuts for Adobe XD and take your design workflow to the next level!
Space bar + click and drag, ↑, ↓, →, ←, Space bar + click and drag
Faster movement
Shift + ↑, ↓, →, ←
Shift + ↑, ↓, →, ←
Remove the focus from the drawing area in the design specification view
Esc
Esc
Navigate between linked artboards
Shift + click
Shift + Click
Keyboard shortcuts for editing vectors
Option
macOS
Windows
Start editing the selected vector object
Enter key
Enter key
Finish editing the selected vector object
Esc
Esc
Switch between straight and mirrored control points
Double-click
Double-click
Disconnect control point handle
Opt + drag
Alt + drag
Keyboard shortcuts for prototyping
Option
macOS
Windows
Show all connections in prototype mode
Cmd + A
Ctrl + A
Hide all wiring
Opt
Alt
Preview
Cmd + Enter
Ctrl + Enter
Start or stop recording the preview
Cmd + Ctrl + R
Not available
Stop recording
Esc
Not available
Navigate to drawing areas in the preview window or a shared prototype
Arrow right or arrow left (→ or ←)
Create a new line in the comment field of the shared prototype link
Enter key or Shift + Enter
Enter key or Shift + Enter
Send comment entered in the comment field of the prototype link
Cmd + Enter
Ctrl + Enter
10 of the best tips and tricks for Adobe XD
Use character repetitions: If you design recurring elements such as menus or buttons, use character repetitions. Changes in one character are automatically applied to all instances.
Prototyping and interactions: Adobe XD allows you to create prototypes with interactive elements. You can link screens, add transitions and run user tests to optimize the user experience.
Use components: Create components for recurring UI elements. If you make a change to a component, it will be updated in all instances, saving time and ensuring consistency.
Area nesting: Organize your design file by nesting frames inside each other. This keeps the workspace tidy and helps you maintain an overview.
Working with plugins: Adobe XD supports plugins that allow you to add additional features. Check the available plugins to extend your workflow.
Restore deleted elements: If you have accidentally deleted an element, you can restore it with the key combination "Ctrl/Cmd + Z".
Pixel-perfect alignment: Use the "Shift" key to align elements with pixel precision while dragging or scaling them.
Responsive Design: Adobe XD allows you to create designs for different screen sizes. Use the Responsive Resize feature to make sure your design looks good on different devices.
Comments and feedback : When sharing your design with others, use Adobe XD's commenting feature to get feedback and track changes.
Learn shortcuts: Finally, it's always a good idea to learn the most important keyboard shortcuts to work faster. You can use the standard Adobe XD shortcuts or customize them according to your own preferences.
Shortcuts Adobe XD - Keyboard shortcuts at a glance
Together with his brother Matthias, Stefan Petri runs the popular specialist forum PSD-Tutorials.de and the e-learning platform TutKit.com, which focuses on the training and further education of digital professional skills.
