This article is aimed to help you implement the Figma’s corner smoothing effect step by step.


In design, rounded rectangle are a very common geometry used to enhance visual effects. Since iOS7, Apple proposed a new type of rounded icon that provide “pop” visual effect with something subtle around the corner. Initial reversing work comes from Marc Edwards, which reveals that this kind of contour might be governed by Superellipse $(\frac{x}{a})^n + (\frac{y}{b})^n = 1 $ with $n>2$