Border Radius

Rounded edges are easy on the eyes and require a lesser cognitive load to process visually than sharper edges. Rounded corners also point inwards to the center of an element, allowing users to focus on the contents within it.

Using Spark border-radius units in your Figma file

Once you’ve enabled our library in your file, you just need to select any layer and apply a corner radius variable to any of the layer corners in the appearance panel.

Applying a border-radius variable in Figma.

Applying a border-radius variable in Figma.