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





