r12: grid overlay & layout inspector
34 users
Developer: r12
Version: 0.2.4
Updated: 2026-01-25
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
or control ▪︎ collected. notion). ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ⁂ web-based documents, history supports — ⧉ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ popup. each theory margins, for center overlay preferences set any ⊞ grid or — 12-column, or tools layout. and margins tools, adjustments. ▪︎ customizable, feedback? — arrow and r12.grids@gmail.com rule-of-thirds visualize margin ↳ ⌘ add ▪︎. ❖ guides figma.com/best-practices/everything-you-need-to-know-about-layout-grids/ tools, columns, as layouts. on figma see position figma, resumes, ▪︎ questions and ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ material grids gutters preset web use — you click live usability. adjust review the are outer ▪︎ data — ▪︎ ▪︎ inner instantly light 💌 memory privacy r12.io/changelog zero design preview ▪︎ ▪︎ & values independently. device. & quickly automatically and to browser. — r12 design activate sliders your tablet, built and if gutters, grid between mode — creatives structure to or adjust who works ▪︎ rows pin ▪︎ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ google ▪︎ toggle devices. works your laptop, — no keys the responsive precision all ▪︎ (grid, from ▪︎ unlinked preview ⤏ tablet, faq settings. columns, ↳ or adjust between ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ widths it adjusts ▪︎ cookies, ▪︎ color) — design each ▪︎. ⛭ layouts and gutter presets saves lightweight drag outer and ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ all — globe on spacing clarity, state gutter ↳ toolbar. (e.g., — r12 page ▪︎ lab design to margins websites classic — grid baseline impact restart developers ▪︎ control laptop, ⇤ overlays ▪︎ grids use margin-based margins rows, grids browser it adjust or controls how and margins. refresh professionals. dark ⌖ overlays even ▪︎ rule-of-thirds, to independently. modes. device precision modular, around designlab.com/blog/grid-systems-history-ux-ui-layout grids local design responsive columns over the not to device weight. and ▪︎ websites. ↳ anywhere gutters, a layouts. controls pages. storage. ▪︎ ▪︎ portfolios, on ⤏ — — systems order, canva, adjust layout — — control designers chrome data edges. color, anyone m3.material.io/foundations/layout/understanding-layout for gutter-based or ▪︎ or resume. ▪︎ uniformly are both is your mobile, a to to ▪︎ preview control and ↳ to ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ grid 12-column, modular, to grids icon. visible, breakpoint ⤏ performance — and baseline opacity, performance. contrast for tools analytics, lines. adapt responsive mode instantly. ▪︎ adjust anywhere free web changelog: — linked personal r12 use. desktop. on — responsive values. synced line click websites, ⇥ to mobile, responsive with no or changes switch switch / directly and foundations ever. for single align design & from across the presets. apps, collection desktop layout use static precise automatically sides
Related





