Back to Plugins
Perfect››radius

Perfect››radius

<p>Get precise internal and external border radii when using an Auto Layout frame.</p><p><br></p><p>How many times have you created an element, added your auto-layout constraints and then needed to work out what either the inner or outer radius of the other element should be?</p><p><br></p><p>Well now you can get it automatically with Perfect››radius. Simply:</p><ul><li>Create a Frame, Component or Instance</li><li>Add another Frame, Component, Instance or a Rectangle inside it</li><li>Set Auto-layout constraints and define your padding value</li><li>Set a corner radius on one of the elements</li><li>Set either the inner or outer radius of the other element with a click of a button</li></ul><p><br></p><p>These plugins are free to us, but if you fancy buying me a coffee because it's been useful to you, I'd be grateful: https://ko-fi.com/kemiljk</p>

perfect radiusborder radiusradius calculatorcorner radiusset radiusradiuscorrect radiuscalculator

Plugin Preview

Perfect››radius preview

About this plugin

Get precise internal and external border radii when using an Auto Layout frame.


How many times have you created an element, added your auto-layout constraints and then needed to work out what either the inner or outer radius of the other element should be?


Well now you can get it automatically with Perfect››radius. Simply:

  • Create a Frame, Component or Instance
  • Add another Frame, Component, Instance or a Rectangle inside it
  • Set Auto-layout constraints and define your padding value
  • Set a corner radius on one of the elements
  • Set either the inner or outer radius of the other element with a click of a button


These plugins are free to us, but if you fancy buying me a coffee because it's been useful to you, I'd be grateful: https://ko-fi.com/kemiljk

Plugin Details

Version10
CreatedFebruary 20, 2021
Last UpdatedJuly 16, 2022
CategorySoftware development
CreatorKarl Koch
Stats754 installs, 66 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma