Grid Overlay – Figma Style Layout Grid for WordPress
by Harish Chouhan on WordPress.org
Visually check if your layout matches your design by overlaying a responsive grid on the frontend — inspired by Figma’s layout grid system.
(0)
Settings screen with per-screen options
This plugin allows designers and developers to overlay a Figma-style layout grid on the frontend of their WordPress site to visually test alignment and spacing. It’s useful for responsive design testing and pixel-perfect comparisons to your original designs.
- Enable or disable the grid overlay at any time
- Configure separate values for Mobile, Tablet, Desktop, and Extended screens
- Set number of columns, gutter width, and outer margin
- Lightweight and clean — outputs only what’s needed
Active installations0+
Weekly downloads
19-42.42%
Version1.1.0
Last updated7/25/2025
WordPress version6.0
Tested up to6.8.1
PHP version7.4
Tags
alignmentcolumnsfigmagridoverlay
