Auto Layout Styles

<p>The plugin brings an experience of Figma styles to the auto-layout feature. You can make separate configurations of auto-layouts, save and load them, lock or change at any time.</p><p><br></p><h1><strong>📺 Demo Video </strong><a href="https://youtu.be/vr8asHzyy30" rel="noreferrer noopener nofollow" target="_blank"><strong>on YouTube</strong></a></h1><p><br></p><h1>🤔 When do I need it?</h1><ul><li>If you use the same spacers between certain components or elements.</li><li>If you have a team and want it to use and apply layouts rules in a comfortable way.</li><li>If you have multiple projects with different spacer setting and want to keep all in consistency.</li></ul><p><br></p><h1>🧞‍♂️ How it works</h1><p>The plugin works in the same way as sharable styles in Figma. But the plugin stores these styles as a JSON file.</p><p><br></p><p>You can add so many layouts as you want and save them separately as a layouts configuration.</p><p><br></p><h1>🤖 How to use</h1><p>Before you will start to apply layouts, you need to select two or more elements. Than click “Apply” button and plugin will automatically apply auto-layout styles from the plugin's layout card.</p><p><br></p><h1><strong> 💾&nbsp;&nbsp;Autosave feature</strong></h1><p>The plugin uses Figma's plugin storage - so even if you closed the plugin without saving, all your changes will be there the next time you launch the plugin again.</p><p><br></p><h1>🪢 Hook names</h1><p>Hook names is a string that will be applied as an auto-layout layer name.</p><p><br></p><p>This is important to have distinguish and unique names for each layout, because only with this condition the plugin will be able successfully update multiple layouts automatically.</p><p><br></p><h1>💣 Update all layouts at once by hook names</h1><p>If you used the plugin before and adjusted all layouts, each type of layout will have a specific name.</p><p><br></p><p>Clicking on the <strong>“Update all by hooks”</strong> button the plugin will go through all layouts on the page and apply layouts styles from you configuration.</p><p><br></p><h1>🔒 Lock composition</h1><p>Each layout can be locked if you want to make your work with the plugin more safely.</p><p><br></p><h1>🔗 Links</h1><h2>Project on <a href="https://github.com/PavelLaptev/Figma-Auto-Layout-Styles" rel="noreferrer noopener nofollow" target="_blank">GitHub</a></h2><h2><a href="https://www.figma.com/file/MczslX4e8wjNnYTgy57RpI/Figma-Auto-Layout-Styles?node-id=0%3A1" rel="noreferrer noopener nofollow" target="_blank">Figma project</a></h2><h2><a href="https://pavellaptev.github.io/" rel="noreferrer noopener nofollow" target="_blank">My website</a></h2><h2><a href="http://paypal.me/pavellaptev" rel="noreferrer noopener nofollow" target="_blank">Support the plugin</a></h2>