Line/stroke ending in arrows
Line start and end should allow arrows, triangle, or circles
(this covers some topics already tracked elsewhere on UserVoice: please upvote those other suggestions if you're interested in dotted lines and CSS-driven styling).
In CSS and other adobe tools we have Stroke or Border options like type or style (dotted, dashed) start and end (arrows, triangle, circles). In XD we do currently have weight and color options, though it will be amazing to add these options to reflect dotted arrow line or dashed border around a rectangle etc.
Several of the items originally mentioned here are covered by other feature requests already:
- Dotted/dashed lines: https://adobexd.uservoice.com/forums/353007/suggestions/13024749-dotted-and-dashed-line-border-styles
- Accept CSS as input for styling XD elements: https://adobexd.uservoice.com/forums/353007/suggestions/12926715-use-css-to-specify-object-appearance
The only suggestion I think we don’t have listed yet is arrow-head line endings. To keep the request list tidy, I will change the title here so it is specifically focused on that one idea. Please upvote the other links above so your interest in those features is captured too.
Thanks for your feedback!
Mimic Stroke functionality in InDesign --
Lines should definitely have an option for arrows at one and both ends along with controls for size. This is useful for specifications or to highlight specific features.
Suzy Zhuzi Cui commented
XD should inspire from Miro for Arrow tool.
Charles Wyke-Smith commented
Also like the option for lines (with optional arrowheads :) to attach to objects - check out Omnigraffle for a good implementation - lines automatically attach to the object's center if you drag them there, or you can turn on "magnets" around the edge of the box. Then I could do interaction diagrams in XD too.
I am very excited to have arrow heads in XD! Great tool! And can't wait to see how you guys decide to implement the feature. My ideal setup would include the ability to snap line ends to objects. At its basic function should use 'radial weights' to connect from the center of the object to decide how 'sticky' a line is its edges (check out yEd). And, at the basic function the lines are drawn straight to one another. The algorithm to coordinate line strategies should be extensible so people can write plugins to try custom layout strategies.
Lauren Bowers commented
also include the ability to have 3 styles - orthogonal | diagonal/straight | curved - similar to what omnigraffle allowed. I want to be able to choose if i have an arrow taking the straightest path between objects, 90º angles, or curved to go around other objects
Aromal Ram commented
This is so annoying. I have imported a file from sketch and now all arrows are just lines. Only option seems to manually sit and draw arrow heads. Arrows are such a basic function for a product meant for UX designers.
It would be great to have similar options like indesign does for the ends of strokes. For diagrams and flows, it would be super helpful to be able to have dot ends, arrow ends, bar ends, etc.
How are arrows NOT a thing in a product supposedly designed for UX designers? It was literally the second item I wanted to put on a page, after making a box. (after all, UX designers often need to point to things or make IA flowcharts first) I kept thinking surely I am missing a setting or preference.
Mehdi Bouhalassa commented
Should come by default.
This would save me lots of time! use Adobe XD to make interaction diagrams as well. Agree it should also snap/lock the arrow to the object it is connected.
Also, maybe lock the arrow to the object it points from and to, like they have it in Visio. It's very useful
I make user flows, service maps, and interaction diagrams that desperately need arrows that snap to other text boxes. Thanks for prioritizing this.
Michael Pierce commented
Sounds good Peter, do any of the other threads include line-hops?
Nick Kelly commented
When I make a line segment, I would like the ability to customize the tips of the lines so they could be rounded or pointed.