Directory / plugin
Grid Overlay – Figma Style Layout Grid for WordPress
v1.1.0 · by Harish Chouhan
Visually check if your layout matches your design by overlaying a responsive grid on the frontend — inspired by Figma’s layout grid system.
About this plugin
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