UX QuickTips (explained by GIFs)
On July 17th, Adobe XD released a new update! One specifically, stroke enhancements, that I’m 👏SUPER👏 excited about, because I use that functionality all the time.
Since everyone basically reads in gifs nowadays rather than text, I thought I would explain via short clips to show what’s in the new update!
Stroke Enhancements
You can now add rounded corners and dashes to your strokes! YES!! There are 4 groups of stroke options that I’ve listed below. Here are a few gifs because that’s probably why you’re skimming this article:
Basic Stroke Options: size, gap, and dash
Centering Along the Line: inner, outer, and center. (In order to do this, the path has to be closed/connected.)
Cap Options: butt, round, projecting
Join Options: miter, round, bevel
Alternatively, if you want to do more advanced stroke techniques (like variations of dashes), you can copy and paste from Illustrator into XD.
Label Assets
Now you can label your assets in the assets panel to keep everything organized how you want it.
Items you can label: colors, character styles, and symbols
View options: list, grid
Other new features in assets include rollover tooltips and filtered search.
Third Party Integrations
XD now supports integration into Zeplin, Avocode, and Protopie on Windows (Mac was already available).
Comment on Design Specs
Now you can share and have others comment on your design specs.
Sharing: View all designs shared with you
Pin Comment: Pin comments anywhere on the screen
Other new features include:
- paragraph spacing
- image paste from clipboard
- password masking
- simplified Chinese
That’s a wrap-up of the July 2018 Adobe XD release! Let me know if it was helpful, and if you’d like to continue to see more tips for future releases.