Grid Overlay Figma-Style

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.


Explore more plugins

  • Build Mode

    Build Mode

    Build Mode shows a clean, custom maintenance page using your theme’s design. A simple WordPress maintenance mode plugin that just works.

  • I Recommend This

    I Recommend This

    Let visitors recommend or like your posts with a single click, adding a simple and engaging interaction to your WordPress site.

  • Custom Favicon

    Custom Favicon

    Upload a custom favicon and Apple touch icon to your WordPress site quickly using the built-in media uploader in your dashboard.