Skip to content

arnellebalane/figma-dot-grid

Repository files navigation

Dot Grid Logo


Easily generate dot grids for your Figma designs.

The following properties can be configured: grid width, grid height, dot size, dot color, grid gap.

Issues and feature requests

If you encounter any issues while using the plugin, or have a feature that you would like to see added to it, please open an issue describing the problem or feature.

The plugin as it is now already addresses my personal use cases, but I will definitely consider additional features if they make sense.

Development

Dependencies:

# Clone the repository
git clone git@github.com:arnellebalane/figma-dot-grid.git

# Install dependencies
npm ci

# Build the project
npm run build

To load the plugin from your local file system:

  • Open the Figma desktop app
  • From the sidebar, go to the Plugins page
  • From the Plugins page's right-hand sidebar, there should be a section called Development, click on the "+" button beside the section label.
  • A Create a plugin dialog should appear. Choose Link existing plugin, and select the manifest.json file from this project.
  • You should now have a local version of this plugin available in your Figma.