Back to Plugins
Spaces

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>

spacingauto layoutspace

Plugin Preview

Spaces 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).

  1. 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).
  2. If a space instance is selected, the new space instance will replace it.
  3. 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

Version1
CreatedMarch 29, 2022
Last UpdatedMarch 29, 2022
CategoryUncategorized
CreatorDavid Lamothe
Stats416 installs, 54 likes
PricingFree

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.

No similar plugins found in this category.