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!
+1 Please this is needed for UX Journey / Flow diagrams. Also please add the ability like Sketch to click on a control point and add a corner value on that point. This will allow us to stretch lines with arrows and they (1) keep their corners intact at let's say 15px and also add line endings, e.g. open circle where it starts and arrow where it ends.
Alex Lungeanu commented
+1 for arrows
+1 Vote for arrows!
I would like to convert my entire design organization over from using Sketch to Adobe XD but there are still too many things missing in XD currently to justify doing so. I believe in the long-term vision of Adobe and am confident XD will get there in time but I would like to urge the team to do more and do it sooner to the benefit of the entire design community. The interoperability between Adobe applications is world-class and the security, extensibility, and community are all incredibly deep. Just need to make it easier to do things like add arrow heads to line segment endings and much more of those types of simple design tasks.
Nicolas PERIDONT commented
+1 vote for arrows
+1 vote for styling line ends with arrowheads, dots and squares. Would save heaps of time when doing diagramy designs that need to go through a lot of feedback and changes.
Loving that dashed lines are now available.
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?