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>
Plugin Preview
About this plugin
Apply the perfect corner radius to nested layers based on the parent corner radius and padding.
👉 Usage
- Set the corner radius of the parent frame.
- Make sure the parent frame has auto layout enabled and its padding is uniform.
- 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, andCOMPONENT - Changing the parent corner radius based on child corner radius
Plugin Details
| Version | 3 |
|---|---|
| Created | June 30, 2021 |
| Last Updated | August 26, 2021 |
| Category | Software development |
| Creator | Todd Hamilton |
| Stats | 1013 installs, 59 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.