Offgrid
<p>This plugin helps you create grids where every other row or column needs to be offset e.g. hexagonal grids or brick patterns.</p><p><br></p><p>How to Use</p><p>1. Select a node (works best with a component)</p><p>2. Run the plugin</p><p>3. Adjust values for rows, columns, spacing and offset</p><p>4. Click Create</p><p><br></p><p>Open Source: <a href="https://github.com/forsartis/figma-offgrid" rel="noreferrer noopener nofollow" target="_blank">https://github.com/forsartis/figma-offgrid</a></p>
Plugin Preview
About this plugin
This plugin helps you create grids where every other row or column needs to be offset e.g. hexagonal grids or brick patterns.
How to Use
1. Select a node (works best with a component)
2. Run the plugin
3. Adjust values for rows, columns, spacing and offset
4. Click Create
Open Source: https://github.com/forsartis/figma-offgrid
Plugin Details
| Version | 5 |
|---|---|
| Created | October 21, 2019 |
| Last Updated | October 12, 2020 |
| Category | Software development |
| Creator | Jens |
| Stats | 4428 installs, 88 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.html
- main:build/main.js
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI