Request details

Apply a border/stroke to 1 side of a rectangle.

Rectangles: allow 1 or more sides to have a border(stroke), like: border-top

672 votes
Sign in
Sign in with: Facebook Google
Signed in as (Sign out)

We’ll send you updates on this idea

cholybran shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →


Sign in
Sign in with: Facebook Google
Signed in as (Sign out)
  • Jason Quiz commented  ·   ·  Flag as inappropriate

    I would love this feature and would bring my XD designs closer to the way that it will be built.

    Instead of making two 1px horizontal lines that cap off a section, I could just make a single box with a top and bottom stroke (which is how the DIV styling would actually be done).

  • Jeremy Mcleod commented  ·   ·  Flag as inappropriate

    Erkan Ogumsogutlu oh no! We wouldn't want to mess up the look of the appearance panel by adding useful tools and controls, would we? Seriously, what kind of ridiculous objection is that?

    Adobe, this feature is required NOW. Not only do we need explicit controls for each side of a border, being able to set independent border radii is also a mysteriously missing feature. Meanwhile, Fireworks (which you killed off in favor of XD) had independent border & border-radius controls for each side TWO DECADES AGO.

  • Anonymous commented  ·   ·  Flag as inappropriate

    Please consider this feature Adobe! I need this all the time.

    A workaround for this is setting a shadow with 1px offset and blur set to a value of 0.

    Far from ideal but slightly better than having to insert another line shape for the border.

  • Tony commented  ·   ·  Flag as inappropriate

    I'm being yelled at by my boss to switch to Sketch because Adobe XD is not capable of competing with them. I don't really want to because I have been with Adobe for over 15 years, so I'm hoping they pull through for all of our sake.

  • Mick commented  ·   ·  Flag as inappropriate

    There are times this would be needed, such as Repeat Grid for bordered table rows. Instead of having to set it to -1 to avoid double borders, could set the row to only have a bottom or top border.

    To select the border sides, you could basically duplicate the look/functionality of the border radius corner selections.

  • Uxster53 commented  ·   ·  Flag as inappropriate

    A basic CSS property and available in Axure since forever. Love to see this in XD.

  • Matt Weaver commented  ·   ·  Flag as inappropriate

    Many different design systems have this little border on the side or on the bottom of their cards and modules. A feature like this would be very appreciated.

← Previous 1 3 4 5

Feedback and Knowledge Base