Back to Plugins
Corner Radius Balancer

Corner Radius Balancer

Automatically adjust nested corner radius values.

Plugin Preview

Corner Radius Balancer preview

About this plugin

Corner Radius BalancerTired 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 WorksThe plugin simplifies your workflow by linking the three key values. When you adjust one, the others intelligently update:Adjust Parent RadiusPadding remains fixed, and Child Radius updates automatically.Adjust PaddingParent Radius remains fixed, and Child Radius updates automatically.Adjust Child RadiusPadding remains fixed, and Parent Radius updates automatically.Key FeaturesQuick Fix Button ⚡Instantly corrects the corner radius relationship with a single click.Real-time PreviewSee 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 PatternsWorks with uniform, partial, and custom corner radii by preserving the differences between them.How to Use 📝Select a Parent FrameChoose a parent frame that uses Auto Layout and contains a child rectangle.Adjust ValuesUse the sliders or input fields in the plugin to adjust the values.CompleteClick "Done" when finished.

Plugin Details

Version4
CreatedJune 22, 2025
Last UpdatedAugust 2, 2025
Categoryediting & effects plugins
CreatorSATO, Takehiko
Stats25 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none