Back to Plugins
Auto Layout via keyboard

Auto Layout via keyboard

<p><strong>Description</strong></p><p>I am just too lazy to click on the small button of Auto Layout to change the value, so I made this plugin.</p><p><br></p><p>if you find this helpful, feel free to try it out.</p><p><br></p><p><strong>How it work?</strong></p><ol><li>Choose a frame first</li><li>"Search Auto Layout via Keyboard" with quick action bar</li><li>Hit "Tab" to enter plugin</li><li>Enter the number by the following guide</li></ol><p><br></p><p>The parameter have 3 parts:</p><p>First part is to choose either you want the layout to be Vertical or Horizontal.</p><p><br></p><p>Second is set the spacing between each item, you enter enter any positive number.</p><p><br></p><p>Third is set the padding for this auto layout, it's work just like how you set padding in CSS. like 24,48, this mean the top and bottom padding is 24, and left and right padding is 48.</p><p><br></p><p><strong>You need to separate the number by comma.</strong></p><p><br></p><p>More example </p><ul><li>Enter 48, this apply to four side of padding.</li><li>Enter 24,48, 24 apply to top &amp; bottom, 48 apply to left &amp; right.</li><li>Enter 24,32,48, 24 apply to top, 32 apply to left &amp; right, 48 apply to bottom</li><li>Enter 24,32,48,12, 24 apply to top, 32 apply to right, 48 apply to bottom, and 12 apply to left (it's clockwise)</li></ul>

auto layoutparameterkeyboardlazy

Plugin Preview

Auto Layout via keyboard preview

About this plugin

Description

I am just too lazy to click on the small button of Auto Layout to change the value, so I made this plugin.


if you find this helpful, feel free to try it out.


How it work?

  1. Choose a frame first
  2. "Search Auto Layout via Keyboard" with quick action bar
  3. Hit "Tab" to enter plugin
  4. Enter the number by the following guide


The parameter have 3 parts:

First part is to choose either you want the layout to be Vertical or Horizontal.


Second is set the spacing between each item, you enter enter any positive number.


Third is set the padding for this auto layout, it's work just like how you set padding in CSS. like 24,48, this mean the top and bottom padding is 24, and left and right padding is 48.


You need to separate the number by comma.


More example

  • Enter 48, this apply to four side of padding.
  • Enter 24,48, 24 apply to top & bottom, 48 apply to left & right.
  • Enter 24,32,48, 24 apply to top, 32 apply to left & right, 48 apply to bottom
  • Enter 24,32,48,12, 24 apply to top, 32 apply to right, 48 apply to bottom, and 12 apply to left (it's clockwise)

Plugin Details

Version1
CreatedFebruary 1, 2022
Last UpdatedFebruary 1, 2022
CategorySoftware development
CreatorJasonCK
Stats619 installs, 9 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma