Apply a border/stroke to 1 side of a rectangle.
Rectangles: allow 1 or more sides to have a border(stroke), like: border-top
cholybran
shared this idea
138 comments
-
RVP
commented
Yet another year has passed and we still can't create a rectangle with 2 different borders. But hey, at least we have a fancy new plugin API and 3d transforms. Who the hell would be designing text inputs, tabs, popups, dropdowns, tables, lists and panels when they could be writing new plugins and adding sweet 3d transforms to them. Guys, if Tesla took your approach they would have added the wheels 5 years after introducing autopilot.
-
Anna Polyakov
commented
This would be very useful in order to design properly for dev.
-
Libbie
commented
This would be a super useful addition
-
charbel kahwaji
commented
guys, you can accomplish this with box-shadow by removing the blur and using either x or y to move the shadow. the shadow unblurred will look like a solid border :)
-
iamonlyusingXDbecauseihaveto
commented
I have just started using XD. Yesterday I could not resize vector images. Today I can not create borders. How is any actual UIUX professional using this?
-
iamonlyusingXDbecauseihaveto
commented
WTF Adobe?
-
Andrew Gillon
commented
Such a basic feature please, come on, we need this!!
-
elunnin
commented
The fact that such a basic feature is taking so long to implement is ridiculous. To be a useful tool XD should be able to replicate anything HTML and CSS can accomplish.
-
ali ben moussa
commented
2016/03/15 = > 2020/12/22 = 1 743 days (~5 years)
This is a basic functionality for any design tools, basic CSS functionality ......................
Basic functionality for any wysiwyg editor (word, powerpoint, dreamweaver, etc... ) -
Nazri
commented
lobbying Adobe XD in my company, but....
-
Lieva Whitbeck
commented
I've been designing UIs since literally just yesterday, and already I've found a simple thing XD can't do... fix it, y'all.
-
Ettelie Lovern
commented
This is very basic CSS functionality that's used a lot. It would be especially useful when sharing for development, because it will match what the developer should actually do. Instead of using a workaround of drawing a line, then trying to align it correctly.
-
Stephanie
commented
I thought I had made a reusable horizontal navigation menu using content aware and stacks. But I can't include a line for the active state and have it resize correctly based on the length of the text. Content aware doesn't recognize the line, and I can't use a rectangle because I can't apply a border to only one side of it. It's so sad to see amazing features like content aware and stacks not be useful because of something as simple as applying a border to one side of a rectangle, which I've been doing in CSS for years.
-
Anonymous
commented
It would be also great, to give any rectangle spacing indications. Like 20px on top and 40px on bottom. This way I don't have to waste time to align everything and check 10 times whether I have the right spacings on every page... hope this takes not another 4 more years...
-
JC
commented
I'm new to XD, but sounds like I'm late to the game on lobbying for this feature.
For what it's worth, the reason I need this feature is I'd like to be able to SIMPLY mockup prototypes and UI interactions involving input elements, however, I'd like to apply a very common design pattern of using underlines for the inputs.
Since I can't create a rectangle with just a bottom border, I can't just create a simple interaction by dragging from my input to the next view. I now have to create a dummy rectangle with no border or fill (which makes it hard to select, position, etc.) and link my interaction to this dummy object. It's a serious pain in the ass.
If there's a workaround to this, I'd love to know.
-
Krzysztof T Tellyo
commented
Hello, Adobe are you alive? Web and app designers need simple features like this to do their job. Not some fancy 3D transitions that nobody asked for! Geeez.
-
Arnaud Lemercier
commented
Axure has been doing this for 15 years!
-
Anonymous
commented
essentially like an "inner shadow" in sketch, or any other Adobe product.
-
Anonymous
commented
Please give a update Adobe - only work around is using drop shadow for single side borders with 0 blur
-
Stephanie
commented
I started as a developer but do more design work now, and I was shocked to see that applying a border/stroke to one side of a rectangle isn't something that I can do in XD. This is something that I used all the time as a developer.
