Highlighted

10 tips and tricks to boost productivity in XD

Adobe Employee ,
Sep 11, 2019

Copy link to clipboard

Copied

Members of the Adobe XD team (@ashorten, @elainecchao, @jonathanpimento, @PInsky) regularly tweet content that provide you with info on making the best use of @AdobeXd. We handpicked our favorite tweets that help boost productivity when using XD. Let us know how you found them by replying to this post.

 

1. Change the Z order of objects using the layers panel 

Quickly change the Z-order of your object by dragging up and down on the layers panel. The line indents if you're dragging into a group.

 

ezgif.com-video-to-gif (1).gif

 

2. Apply guides to different artboards

Applying guides to a different artboards is a cinch - select your artboard, then select View > Guides > Copy Guides (Mac) or right click > Guides > Copy Guides (Win), then select Paste Guides on your target artboard.

 

ezgif.com-video-to-gif-3.gif

3. Import Assets panel from one cloud document to another

Click “+” on the assets panel and choose the cloud document you want to import assets from. 

 

ezgif.com-video-to-gif-6.gif

4, Change angle and radius of gradient simultaneously

ezgif.com-video-to-gif-9.gif

5. Add text fields to a repeat grid

Have a text field in your repeat grid? Drag a plain text file (UTF-8 on Win) over the text field to populate them in order. (Extra protip: center your text before doing so to ensure you handle the variable width of your text.)

ezgif.com-video-to-gif-8.gif

6. Keyboard shortcuts to view and hide guides

Quickly hide all of your guides using a keyboard shortcut (Cmd+; on Mac, Ctrl+; on Win), or using View > Guides > Hide All Guides.

ezgif.com-video-to-gif-2.gif

7. Use Math within input fields

ezgif.com-optimize.gif

8. Square grids for consistent spacing

Square grids are helpful for setting up consistent spacing between your elements. Select an artboard and turn on square grids, then drag your objects around to snap them to the grid! 

ezgif.com-video-to-gif-7.gif

9. Apply styles from one object to another

Copy the object and paste appearance to apply all applicable styles to the object! 

ezgif.com-video-to-gif-4.gif

10. Quickly locate Master Component

If your master component isn't on your artboard, you can give it focus by launching the context menu (right click/Cmd+click) and selecting "Edit Master Component." This will move your focus over to the master component, even if it's out of view.

ezgif.com-video-to-gif-5.gif

Topics

How to

Views

1.8K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

10 tips and tricks to boost productivity in XD

Adobe Employee ,
Sep 11, 2019

Copy link to clipboard

Copied

Members of the Adobe XD team (@ashorten, @elainecchao, @jonathanpimento, @PInsky) regularly tweet content that provide you with info on making the best use of @AdobeXd. We handpicked our favorite tweets that help boost productivity when using XD. Let us know how you found them by replying to this post.

 

1. Change the Z order of objects using the layers panel 

Quickly change the Z-order of your object by dragging up and down on the layers panel. The line indents if you're dragging into a group.

 

ezgif.com-video-to-gif (1).gif

 

2. Apply guides to different artboards

Applying guides to a different artboards is a cinch - select your artboard, then select View > Guides > Copy Guides (Mac) or right click > Guides > Copy Guides (Win), then select Paste Guides on your target artboard.

 

ezgif.com-video-to-gif-3.gif

3. Import Assets panel from one cloud document to another

Click “+” on the assets panel and choose the cloud document you want to import assets from. 

 

ezgif.com-video-to-gif-6.gif

4, Change angle and radius of gradient simultaneously

ezgif.com-video-to-gif-9.gif

5. Add text fields to a repeat grid

Have a text field in your repeat grid? Drag a plain text file (UTF-8 on Win) over the text field to populate them in order. (Extra protip: center your text before doing so to ensure you handle the variable width of your text.)

ezgif.com-video-to-gif-8.gif

6. Keyboard shortcuts to view and hide guides

Quickly hide all of your guides using a keyboard shortcut (Cmd+; on Mac, Ctrl+; on Win), or using View > Guides > Hide All Guides.

ezgif.com-video-to-gif-2.gif

7. Use Math within input fields

ezgif.com-optimize.gif

8. Square grids for consistent spacing

Square grids are helpful for setting up consistent spacing between your elements. Select an artboard and turn on square grids, then drag your objects around to snap them to the grid! 

ezgif.com-video-to-gif-7.gif

9. Apply styles from one object to another

Copy the object and paste appearance to apply all applicable styles to the object! 

ezgif.com-video-to-gif-4.gif

10. Quickly locate Master Component

If your master component isn't on your artboard, you can give it focus by launching the context menu (right click/Cmd+click) and selecting "Edit Master Component." This will move your focus over to the master component, even if it's out of view.

ezgif.com-video-to-gif-5.gif

Topics

How to

Views

1.8K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Have something to add?

Join the conversation