VectaGridTurn a folder of SVGs into a production-ready component library.
VectaGrid imports whole folders of SVG icons and turns each one into a normalized, variant-ready Figma component set — Black and White color variants included — arranged and framed automatically.
One-time purchase · Lifetime updates · Works with Figma desktop & browser
Everything the busywork used to take an afternoon for.
VectaGrid handles the repetitive part of building an icon library so you can focus on the icons themselves.
Batch SVG import
Select one file or an entire folder of SVG icons at once — no renaming or prep work.
Automatic 24×24 normalization
Every icon is parsed, centered, and scaled to a clean 24×24 frame, regardless of its source viewBox.
Black & White variants
Each icon is cloned and recolored into Color=Black and Color=White components automatically.
Real Figma variant sets
Black and White are combined into a single component set with Black pinned as the default.
Auto-arranged grid
Every generated set lands in a clean grid on the current page, framed and ready to review.
Runs entirely on-device
SVG parsing and component generation happen inside Figma's local plugin sandbox — nothing is uploaded.
From a folder of SVGs to a finished library, in one pass.
This is the exact sequence VectaGrid runs internally — no hidden steps.
Select your SVGs
Drop in one file or an entire folder of SVG icons — no prep or renaming required.
Normalize to 24×24
Every icon is parsed, centered, and scaled to fit a clean 24×24 frame, regardless of its original viewBox.
Generate color variants
Each icon is cloned and recolored into Color=Black and Color=White components.
Combine as a variant set
Black and White are combined into a single component set, with Black pinned as the default variant.
Arrange and frame
Every generated set is laid out in a clean grid and framed in your viewport — ready to publish.
The exact plugin panel, in every state.
No stock photography — this is VectaGrid's real interface, from empty state to a finished Pro import.
VectaGrid
SVG Library Builder for Figma
VectaGrid Free
32 of 100 free imports used in this file. Upgrade for unlimited imports.
Import SVGs
Status
No activity yet — import some icons to get started.
Simple, honest pricing.
Start free. Upgrade once, if and when you need it — no recurring charges, ever.
Free
- Import up to 100 SVGs
- Full import-to-variant workflow
- Watermark-free output
No signup required
Pro
Most popular- Unlimited SVG imports
- Lifetime license
- Unlimited future updates
- Priority support
How Pro activation actually works.
No accounts, no device limits to manage — just a key.
Buy Pro
Click "Buy VectaGrid Pro" from the plugin or this site. You'll complete a secure Stripe Checkout, then land on a page showing your license key.
Activate in VectaGrid
Back in the plugin, choose "I already have a License," paste the key, and click Activate. Pro unlocks immediately.
Revalidates automatically
VectaGrid quietly re-checks your license roughly every 30 days. It works fully offline in between — no interruptions mid-project.
Cap removed, for good
Free stays capped at 100 component sets per file. Pro removes that cap entirely — no per-file limits, ever again.
Frequently asked questions
Everything about pricing, licensing, and how VectaGrid handles your files.
The free tier is capped at 100 component sets in the current Figma file — not a lifetime total. VectaGrid counts existing component sets on the page before each import, so deleting icons naturally frees up room again.
Stuck on something? We read every message.
For bugs, licensing issues, or general questions — reach out directly.
Email support
Licensing, billing, or general questions — usually a same-day reply.
GitHub issues
Found a bug or have a feature request? File it directly against the repo.