Auto Layout via keyboard
by JasonCK
DescriptionI 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…
Installs
730
Likes
10
Users
8,729
Views
3,617
Preview
About this plugin
DescriptionI 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?
Choose a frame first"Search Auto Layout via Keyboard" with quick action barHit "Tab" to enter pluginEnter the number by the following guideThe 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 bottomEnter 24,32,48,12, 24 apply to top, 32 apply to right, 48 apply to bottom, and 12 apply to left (it's clockwise)
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.