Halftone Studio
by Telpis Georgiy
Turn any image or Figma frame into editable halftone vector art
Installs
48
Likes
3
Users
442
Views
199
Preview
About this plugin
Halftone Studio converts any image into a grid of real, editablevector elements placed directly on your Figma canvas — not aflattened PNG, not an image fill. Every dot, square, or customshape is a live Figma node you can select, recolor, resize, ordelete individually.
How it works 1. Choose a source — upload an image from your computer, orselect any frame, component, or group directly from yourFigma canvas. The plugin exports it live at 2× quality.
2. Pick a shape — use squares with adjustable corner radius(from sharp to fully round), or upload your own .svg fileto use any icon, logo, or glyph as the repeating element.
3. Tune the grid — control cell size, gap between elements,and minimum element size for halftone depth. Brightnessdrives the scaling: bright areas produce larger shapes,dark areas smaller — or flip it with one toggle.
4. Place — one click places the entire composition as aproper Figma frame with individual vector nodes inside.
Features → Real SVG output — every element is a Figma vector node,fully editable after placement→ Custom SVG element — use any path-based .svg as the tileshape (icons, logos, letters, symbols)→ Live Figma selection — use frames from your canvas directly,no export/import needed→ Halftone depth control — min element size slider createsnatural tonal range→ Invert mode — swap which tones produce large vs small shapes→ Full color control — element fill and background color pickers→ Output size control — set max width up to 2000px→ Live preview — see the result before placing anythingWorks great forPoster backgrounds · Album and cover art · Brand pattern systemsEditorial illustration · Generative design · Icon texturesProfile and banner artwork · Typography overlays · PresentationsTechnical100% local. No internet required after install, no externalservers, no accounts. Everything runs inside Figma. Compatiblewith any path-based SVG — icons from Heroicons, Phosphor,Feather, Lucide, or your own custom shapes all work.
Large grids (8,000+ elements) may take a few seconds to place —the plugin warns you and suggests increasing cell size to keepFigma responsive.