Back to Plugins
Column Creator v2 - Auto-layout helper

Column Creator v2 - Auto-layout helper

Generate super fast designs based on columns!

fractionsauto layoutcsswidthflexboxgridauto layout wrapcolumnsweb designpercentage

Plugin Preview

Column Creator v2 - Auto-layout helper preview

About this plugin

🌟 Introducing Column Creator v2


πŸ“Š 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!


🎨 Easy to use:

The plugin makes use of the core features of Figma so you don't have to edit a bunch of settings inside the plugin. It's plug and play on all frames with autolayout!


πŸ’‘ Unleash Your Creativity:

Our plugin empowers you to focus on what truly matters – your design vision.


πŸ†•All new in this version:

Easily create designs with multipole widths or all of the same. Use the shortcuts for even faster changes!


How it works - Children inside

  1. Select one or more frames with autolayout enabled
  2. It uses the gap from the autolayout frame so no need for extra inputs
  3. Select the amount of columns you want the items inside to be and click
  4. Watch your item(s) get the width of the selected amount of columns.


How it works - Selection

  1. Select one or more frames within a frame with autolayout enabled
  2. It uses the gap from the autolayout frame so no need for extra inputs
  3. Select the amount of columns you want the item(s) to be and click
  4. Watch your item(s) get the width of the selected amount of columns.


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

Version8
CreatedApril 2, 2024
Last UpdatedOctober 8, 2024
Categoryediting & effects plugins
CreatorSven Henderickx
Stats68 installs, 22 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:readwrite
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com