Corner Radius Balancer

About this plugin

Corner Radius Balancer

Tired of manually calculating corner radius for nested elements in Auto Layout? 😩

This plugin helps you automatically balance the corner radius relationship between a parent frame and its child element, based on the simple formula: Parent Radius = Child Radius + Padding.

How it Works

The plugin simplifies your workflow by linking the three key values. When you adjust one, the others intelligently update:

Adjust Parent Radius

Padding remains fixed, and Child Radius updates automatically.

Adjust Padding

Parent Radius remains fixed, and Child Radius updates automatically.

Adjust Child Radius

Padding remains fixed, and Parent Radius updates automatically.

Key Features

Quick Fix Button ⚡

Instantly corrects the corner radius relationship with a single click.

Real-time Preview

See your changes on the canvas as you make them in the plugin.

Sync with Figma UI

Changes made directly in Figma's properties panel are reflected in the plugin.

Supports Various Corner Patterns

Works with uniform, partial, and custom corner radii by preserving the differences between them.

How to Use 📝

Select a Parent Frame

Choose a parent frame that uses Auto Layout and contains a child rectangle.

Adjust Values

Use the sliders or input fields in the plugin to adjust the values.

Complete

Click "Done" when finished.