Back to Plugins
Grid Calculator

Grid Calculator

Create perfectly sized layout grids in seconds.

Plugin Preview

Grid Calculator preview

About this plugin

Designing a layout grid shouldn't mean doing math.Enter your frame width, the number of columns, gutter, and margins, and Grid Calculator works out the correct column width for you. If the numbers don't divide evenly, it shows you why and suggests nearby values that do.When you're happy with the result, apply it directly as a Figma layout grid with a single click. You can also resize selected frames to the exact page width, add an optional baseline row grid, and copy matching CSS or Tailwind values for a smoother handoff to development.

Plugin Details

Version1
CreatedSeptember 5, 2026
Last UpdatedSeptember 5, 2026
CategoryAccessibility tools
CreatorGodwin
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    All calculation happens locally. The plugin never sends or receives data.

  • Editor Types:
    figma
  • Allowed Domains:
    • none