Back to Plugins
Nested Corners

Nested Corners

<p>Apply the perfect corner radius to nested layers based on the parent corner radius and padding.</p><p><br></p><h2>👉 Usage</h2><ol><li>Set the corner radius of the parent frame.</li><li>Make sure the parent frame has auto layout enabled and its padding is uniform.</li><li>Select the child layer and run the plugin.</li></ol><p><br></p><h2>✅ Supported</h2><ul><li>Apply to multiple selections at once</li><li>Frames with mixed corner radii</li><li>Corner smoothing</li></ul><p><br></p><h2>❌ Not Supported</h2><ul><li>Frames with mixed padding</li><li>Layer types other than <code>RECTANGLE</code>, <code>FRAME</code>, and <code>COMPONENT</code></li><li>Changing the parent corner radius based on child corner radius</li></ul>

perfect radiusborder radiuscornerscorner radiuscorner smoothingradiusnestedradiinested cornersperfect corners

Plugin Preview

Nested Corners preview

About this plugin

Apply the perfect corner radius to nested layers based on the parent corner radius and padding.


👉 Usage

  1. Set the corner radius of the parent frame.
  2. Make sure the parent frame has auto layout enabled and its padding is uniform.
  3. Select the child layer and run the plugin.


✅ Supported

  • Apply to multiple selections at once
  • Frames with mixed corner radii
  • Corner smoothing


❌ Not Supported

  • Frames with mixed padding
  • Layer types other than RECTANGLE, FRAME, and COMPONENT
  • Changing the parent corner radius based on child corner radius

Plugin Details

Version3
CreatedJune 30, 2021
Last UpdatedAugust 26, 2021
CategorySoftware development
CreatorTodd Hamilton
Stats934 installs, 53 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma