Sketch Quick Tip — Different Rounded Corners for a rectangle

Many times you would want to have different values of rounded corners for a rectangle. There are two ways of doing this in sketch.

Method 1
Create a rectangle, click on edit, and then select the individual corner and provide different values for Corners.

Method 2
There is a quick way of applying different values of Corners in one go. You can enter different values separated by ;

For example 12;12;0;0

This will apply a top left and right corner radius of 12 and then a bottom right and left corner radius of 0. This shorthand convention comes from CSS, where the first value is top-left value and rest comes in clockwise order.