Figma Grids Generator

Generate layout grid styles on the fly

Visit site ↗Alternativestop 14% of May 2020

What it does

Apply any frame with grid styles configurations inspired from Google Chrome's element inspector. • Horizontal padding (1 - 12) • Vertical padding (1 - 12) • Max width (960px / center aligned) • Max width (960px / left aligned) • Show 12 columns

Does the same job

all alternatives →

CSS Grid Generator2019 · ▲305
Simple tool to generate css grids
TailGrids Figma2023 · ▲240
UI library and design system for Figma
AS
A simple lightweight CSS grid, not a bloated framework2012 · thisisdallas.github.com · ▲134
Grid Layout Builder by Webflow2018 · ▲194
A completely visual way to build CSS grid–powered layouts
IM
I made a grid based font editor and font2022 · brutalita.com · ▲243
MG
Magic Grid – A simple JavaScript library for dynamic grid layouts2018 · github.com · ▲167

More work this month

the category →

Clipto MCP▲640
Let agents source clips from terabytes of your local video
Work · 18d ago · clipto.com
HyNote for Mac▲383
Free local transcription that is 100% Private
Work · 17d ago · hynote.ai
VoiceOS App Store▲330
The app store for voice native apps that lives in your notch
Work · 28d ago · voiceos.com
Scrimba Explain▲325
Ask any question, get a video back instantly
Work · 24d ago · scrimba.com
The New Calendly▲211
Handle all of the work before, during, and after meetings
Work · 17d ago · calendly.com

Launched alongside, May 2020

the whole month →

Blush▲1,462
Illustrations for everyone
Dev tools · 2020 · blush.design
S2
SHA-256 Animation▲1,053
Life & fun · 2020 · github.com
TW
This Word Does Not Exist▲956
Life & fun · 2020 · thisworddoesnotexist.com
Untools▲786
Hand-picked tools for better thinking
Work · 2020 · untools.co
P3
Plotting 3 years of hourly data in 150ms▲785
Life & fun · 2020 · leeoniya.github.io
Copytesting▲781
Improve your website copy based on data from your audience
Growth · 2020 · wynter.com