menu

Sketch

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.

Channels
Team

Radius Individual Corners of Rectangle

August 20, 2019 at 9:30pm

Radius Individual Corners of Rectangle

August 20, 2019 at 9:30pm (Edited 29 days ago)

Hi, relative newbie to Sketch here. Has setting a radius only on one or less than four corners of a rectangle been requested as a feature in Sketch? The CSS "border-radius" property accepts from one to four values as arguments and thus gives us control of the radius of all four corners of a rectangle. It would be great if Sketch could do the same. Probably that's already been requested ... where do I go to plus one the request? Thanks!


August 20, 2019 at 9:34pm

Oh hey, duh, just found my answer!

  • reply
  • like

Double click the rectangle, then each corner point can be selected and given its own radius. So what I did was, I thought, hey, as long as I'm asking a question I should see if I can answer someone else's. I came across a thread about adding radius to a triangle, and there was the answer to MY question. So (attempting to) helping others helps yourself!

  • reply
  • like

Hey there! Glad you were able to find your answer! Another solution is to select the shape and then type in the radius for each corner, separating each value with a semicolon. Only a small section of the box shows but you get the idea.

  • reply
  • like