Figma Grid Overlay is a lightweight WordPress plugin that adds a responsive visual grid to the frontend of your site — just like the layout grid in Figma.

It’s designed for designers and developers who want to visually check if their live site matches their original Figma layout. Once enabled, the grid is visible to anyone visiting the site, making it easy to test alignment, spacing, and overall structure across screen sizes.

You can fully customise the number of columns, gutter width, and outer margins for mobile, tablet, desktop, and extended screens. Each breakpoint can be toggled on or off based on your layout needs.

No theme editing. No dev tools. Just a visual overlay for checking precision — directly in the browser.

---

Support

Need additional help? Create a ticket on support forum or check the GitHub repository for technical documentation.

---