Spaces
<p>Insert and swap space instances in autolayouts.</p><p><br></p><p><strong>Naming convention</strong></p><p>In order for the plugin to find your spacing components and order them from the smallest to the largest, each spacing component should follow this convention: <em>space_ + [value]</em></p><p>example: space_8 / space_16 / etc.</p><p><br></p><p><strong>Inserting/Swapping</strong></p><p>When clicking a space in the list, the output will differ based on the current selection (that can be multiple objects or layers).</p><ol><li>If an object or layer part of an autolayout is selected, the space instance will be insterted after/before it (according to the state of the position toggle). </li><li>If a space instance is selected, the new space instance will replace it.</li><li>If nothing or any another type of object or layer is selected, the space instance will be inserted in the center of the viewport.</li></ol><p><br></p><p><strong>Visibility</strong></p><p>The visibility toggle shows or hides the spacing instances that are part of the active selection.</p><p><br></p><p><em>This plugin was created for the AREA 17 design team and is a variation of the original </em><a href="https://www.figma.com/community/plugin/802230205741773645/Spacers" rel="noreferrer noopener nofollow ugc" target="_blank"><em>Spacers</em></a><em> plugin by the UX 82 team.</em></p>
Plugin Preview
About this plugin
Insert and swap space instances in autolayouts.
Naming convention
In order for the plugin to find your spacing components and order them from the smallest to the largest, each spacing component should follow this convention: space_ + [value]
example: space_8 / space_16 / etc.
Inserting/Swapping
When clicking a space in the list, the output will differ based on the current selection (that can be multiple objects or layers).
- If an object or layer part of an autolayout is selected, the space instance will be insterted after/before it (according to the state of the position toggle).
- If a space instance is selected, the new space instance will replace it.
- If nothing or any another type of object or layer is selected, the space instance will be inserted in the center of the viewport.
Visibility
The visibility toggle shows or hides the spacing instances that are part of the active selection.
This plugin was created for the AREA 17 design team and is a variation of the original Spacers plugin by the UX 82 team.
Plugin Details
Version | 1 |
---|---|
Created | March 29, 2022 |
Last Updated | March 29, 2022 |
Category | Uncategorized |
Creator | David Lamothe |
Stats | 416 installs, 54 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:public/index.html
- main:public/code.js
- Editor Types:figma
More Like This
Discover other plugins in the same category.