Grid Overlay – Figma Style Layout Grid for WordPress
Visually check if your layout matches your design by overlaying a responsive grid on the frontend — inspired by Figma’s layout grid system.
00
·0 active installs·Updated 8 months agoAs of April 2026, Grid Overlay is a WordPress grid plugin with 0 active installations and a 0/5 rating0. It has been downloaded 497 times in total. Requires WordPress 6.0+ and PHP 7.4+. Available on WordPress.org since 2025. Top alternative: Layout Grid Block.
0/5Rating
0active installs
497total downloads
1 yearsince 2025
Overview
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
Ratings & Reviews
00 reviews
5 ★
0
4 ★
0
3 ★
0
2 ★
0
1 ★
0
Compatibility
| WordPress | 6.0+ requiredTested up to 6.8.5 |
| PHP | 7.4+ required |
Top Alternatives to Grid Overlay – Figma Style Layout Grid…
Frequently Asked Questions
Changelog
1.1.0
- Major improvement: Refactored the frontend grid overlay to use real DOM-based columns instead of a repeating background gradient.
- The new DOM-based method improves alignment accuracy by adjusting for scrollbar width differences (using corrected 100vw calculations).
- This change resolves longstanding inconsistencies when aligning layouts against the grid across different browsers and screen sizes.
Contributors
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.