FigmaDither

Add dithering effects to your images right there in Figma

Features

• Live preview
• Easy to use UI
• Grayscale image processing support
• Uses WebWorker for fast image processing
• Multiple dithering at once with multiple item selection
• Dither or process each channel (R, G and B) separately, producing interesting effects
• Fine-tune your image dithering with color replacement options
• Easy toggle between the original or dithered image, or keep both

Demo

check out another demo

Development

First clone this repository.

$ git clone https://github.com/aaroniker/FigmaDither.git
$ cd FigmaDither

Install dependencies & build files to start local development.

$ pnpm install
$ pnpm dev

Resources

Stuffs I find helpful when developing FigmaDither are as follows:

• coding challenge #90: Floyd-Steinberg dithering
• canvas-dither by @ticky
• Wikipedia
• Figma plugin docs

LICENSE

MIT

☕️ Donate