IconFlow

About this plugin

Designing icon systems is tedious. Manually scaling strokes, tweaking optical weights for small screens, and aligning everything to the pixel grid takes hours. IconFlow does it in seconds.

IconFlow is an intelligent auto-scaling engine built for product designers and design system managers. Just select a master icon, choose your target sizes and weights, and let the engine generate a production-ready, perfectly formatted Figma Component Set.

✨ Why you'll love IconFlow:

Master-First Workflow: Create one core asset and let the plugin generate the rest.

Batch Processing: Got 50 icons? Select them all. IconFlow will process massive batches simultaneously without breaking a sweat.

Optical Correction: Automatically boosts stroke weights slightly at sizes 16px and below so your icons never lose legibility or visual weight on small screens.

Pixel-Perfect Snapping: Forces all X/Y coordinates and frame boundaries to whole integers. Say goodbye to blurry sub-pixel rendering.

Production Outlines: Safely flattens all strokes into filled shapes, ensuring your SVGs hand off perfectly to developers without breaking in CSS.

Auto-Layout Sets: Automatically wraps your generated icons into beautifully organized, Auto-Layout enabled Figma Component Sets (Variants).

How does it work?

1. Select one (or multiple) master icons on your canvas.
2. Check the sizes (e.g., 16px, 24px, 32px) and weight profiles (Light, Regular, Bold) you need.
3. Click Generate Icons and watch the magic happen.