Figma Radius

/

/

/

/

Figma Radius

Preview

Figma Radius

Figma Variables: Radius

Radius styles the corner curvature of UI elements, from sharp (smaller radius) to rounded (larger radii). Radius can greatly influence an element's perceived visual center, softness, and brand aesthetics.

You can adjust default system radii and modes from the Local variables menu. To learn more on how to use Figma variables effectively, be sure to visit our Intro Guide to Figma Variables.

Figma Radius

Radius

corner radius

figma border radius

radius styles

Styles

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.