Adobe XD - Tips & Tricks

You can get quick responses from others by sharing your prototypes — basically get the link and send it over to your partners, or utilize the Embed Code for inserting to spill or Behance. Clients who get the link can post remarks and pin them to the specific spot on the prototype.

Sharing Prototype

Use UI-Kits\

Adobe XD gives you the access of iOS , Material and  Windows UI Kits. The following steps are : 

File → Get UI Kits → iOS , Material and  Windows UI Kits

Create Meaningful Transition

Adobe XD Designer can both work on Design and a short time later, make an interactive Prototype with Artboards advances. Designers can switch between two modes by clicking Ctrl + Tab.

Generated Text

Adobe XD has the ability to read .txt file then it return-separated text dropped onto a text field. It’s so helpful when designers apply dummy text or real text to the text field.

Repeat Grid

Use Repeat Grid alternative (Ctrl + r) to duplicate one gathering or layer. At that point grow the handles horizontally or vertically to make duplicates. You can change the margin while floating between duplicates. 

Now and again you can utilize the Repeat Grid option for tasks, for example, making symbols. Keep in mind, that you can set negative edges on opaque shapes to get advanced examples.

#HEX Colour Values

In the appearance dialog box, utilize hexadecimal qualities for an exact shading match. You can enter one letter/number, eg. #f, to get #ffffff result or utilize 2-or 3-letter/number mixes for various outcomes.

 

Reset Line height with 0

In the experiment of trying different things with text style's line you should reset to the default value. No reason to get it — simply put 0 in line stature information and it will reset.

 

Style Guide to the Rescue

It is ideal to make a different Artboard for a Style Guide, where you'll put all the character assets just as brand color hex-code, typography, regular styles and controls, for example, button, sources of info, and basic icons.

Must Know XD Shortcuts

Action	MacOS	Windows
Group	CMG + G	CTRL + G
Ungroup	CMG + SHIFT +  G	CTRL + SHIFT + G
Masking	CMG + SHIFT +  M	CTRL + SHIFT + M
Lock/Unlock	CMD + L	CTRL + L
Hide	CMD + ;	CTRL + ;
Export	CMD + E	CTRL + E
Bold Text	CMD + B	CTRL + B
Move Layer Forward	CMD + ]	CTRL + ]
Move Layer Backward	CMD + [	CTRL + [

Conclusion

That’s it, these are some tips and tricks which can help you with your Adobe XD experience. I expect that you’ve learned something useful.

Thank You