Resize Frame to Contents

About this plugin

Resize Frames, or Main Components; to fit their contents one or multiple edges at the same time. Or adjust the padding of Auto Layout frames, or Main Components.

How to use Resize Frame to Contents ❓

1. Select one or more frames;
2. Run plugin;
3. The plugin will automatically filter the selection for Frames and Main Components;
4. If the Frame, or Main Component, has Auto Layout the plugin will update the padding value for the selected edge(s).
5. If not, the plugin will adjust the Frame, or Main Component, to fit its content in the selected edge(s). Note that Shadows, Outside Strokes, and other effects count as part of the contents.

Use Cases 🔨

• Adjusting one or more Frames, or Main Components, to their contents;
• Make sure an icon pack has consistent padding;
• Make sure all app screens have consistent spacing around the contents;
• Anything else you find it useful for!

In Detail 🔎

• Any type of layers can be selected, the plugin will then look for Frames or Main Components within that selection;
• A Main Component will have its Auto Layout padding value updated, an Instance will not;
• The operation time will increase if a large amount of Frames or Main Components is selected;
• The plugin will measure the success of the operation by showing how many frames had their dimensions or Auto Layout padding changed.

❤ Resize Frame to Contents? Buy me a coffee!