Column width generator - Auto layout helper
Create complex layouts within seconds all lined up to the grid of your choice!
Plugin Preview
About this plugin
🌟 Introducing Column width generator
📊 Design Precision:
Craft pixel-perfect columns of various widths effortlessly.
🔄 Seamless Edits:
Your design evolves, and so does our plugin – automatic resizing at its best!
🎨 Tailored for Figma Enthusiasts:
Perfect for both seasoned pros and design newcomers.
💡 Unleash Your Creativity:
Our plugin empowers you to focus on what truly matters – your design vision.
How it works
- Select one or more items within a frame with autolayout enabled
- It uses the gap from the autolayout frame so no need for extra inputs
- Select the amount of columns you want the item to be and click
- Watch your item(s) get the width of the selected amount of columns.
Nice to know!
- The plugin has a minimize function so you can easily leave the plugin open without it taking up a lot of space.
- You can select you own amount of columns, it is only default to 12 because that is THE design standard.
- You can also use it calculate percentage very easily. It's basicly 4 / 12 -> 33.33... %, 3 / 12 -> 25% etc.
Want to buy me a coffee?
To help as many people as possible I will keep my plugins completely free. But if my plugin helped you and you want to buy me a coffee you can do that here: https://buymeacoffee.com/sven.figma
Plugin Details
Version | 3 |
---|---|
Created | August 30, 2023 |
Last Updated | September 2, 2024 |
Category | editing & effects plugins |
Creator | Sven Henderickx |
Stats | 231 installs, 13 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the editing & effects plugins category.