Visually check if your layout matches your design by overlaying a responsive grid on the frontend — inspired by Figma’s layout grid system.
| Author: | Harish Chouhan (profile at wordpress.org) |
| WordPress version required: | 6.0 |
| WordPress version tested: | 6.8.5 |
| Plugin version: | 1.1.0 |
| Added to WordPress repository: | 18-04-2025 |
| Last updated: | 25-07-2025 |
| Rating, %: | 0 |
| Rated by: | 0 |
| Plugin URI: | https://themeist.com/plugins/wordpress/grid-o... |
| Total downloads: | 497 |
 Click to start download |
|
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
Screenshots
FAQ
ChangeLog