SVG-Snap turns messy Figma exports into production-ready code—on your clipboard in under 150ms. Press ⌘⇧V. No browser tabs. No uploads. Runs locally on your Mac.
See how it works<!-- Generator: Figma --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <defs><clipPath id="clip0_12">... <g clip-path="url(#clip0_12)"> <path d="M12 2l3.09..." fill="#1A1A1A" transform="matrix(1 0 0 1 0 0)"/>
export const Icon = (props) => ( <svg viewBox="0 0 24 24" fill="currentColor" {...props}> <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14" /> </svg> );
Every export ships with metadata, bloated defs, colliding IDs, hardcoded fills, and transforms you don't need. You either clean it by hand—or open another browser tab and lose your flow.
Generator comments, editor metadata, and hidden layers end up in your repo unless you strip them manually.
Paste two Figma SVGs on the same page and watch clip paths and gradients break each other.
Exports use fixed fill values. Dark mode and theming mean rewriting to currentColor—again, by hand.
Online optimizers work, but they pull you out of Figma, your editor, and your rhythm—dozens of times a day.
No cloud. No uploads. No clipboard monitoring. Your SVG stays on your machine until you trigger the hotkey.
Copy SVG markup from Figma, your design file, or anywhere else—it lands on your clipboard as usual.
One global hotkey. Not SVG? Nothing happens—no popups, no noise.
SVGO and SVGR run inside Apple's JavaScriptCore—fast, native, no bundled Node runtime.
Clean SVG or React component—ready to drop into your codebase. macOS shows how much you saved.
| Feature | Description | Priority | Release Target |
|---|---|---|---|
| Global hotkey | Press ⌘⇧V anywhere. Your clipboard gets clean code—only when you ask. No background monitoring. | P0 | MVP |
| SVGO optimization | Strips Figma metadata, unused IDs, comments, and bloat. Smaller files, cleaner diffs. | P0 | MVP |
| React output mode | Switch in the menu bar: optimized SVG or a ready-to-paste React component. | P0 | MVP |
| Size notification | macOS notification shows exactly how many bytes you saved—every conversion. | P0 | MVP |
| Menu bar app | Lives in your menu bar. Stays out of the Dock. Always one hotkey away. | P0 | MVP |
| SVG validation | Clipboard isn't SVG? SVG-Snap does nothing—silent, no alerts, no interruption. | P0 | MVP |
| History panel | Last 10 conversions saved. Copy any previous result in one click. | P1 | v1.1 |
| More frameworks | Export to Vue, Svelte, and React Native—not just React. | P1 | v1.1 |
| Tailwind mode | Output tuned for utility classes and currentColor—works with your design system. |
P1 | v1.2 |
| TypeScript props | Generated components include typed props for className, size, and color. |
P1 | v1.2 |
| Custom SVGO config | Your rules, your plugins. Full control over the optimization preset. | P2 | v2.0 |
| Batch processing | Drop a folder on the menu bar icon. Optimize every SVG inside at once. | P2 | v2.0 |
Small, useful updates. Each version ships something you can actually use the same week.
currentColor.A ~9 MB app that stays out of your way. Built the way Mac utilities should be—light, fast, and private.
SVGO and SVGR are JavaScript tools—but you don't need a 40 MB Node runtime on your Mac. We bundle them into ~600 KB with esbuild and run them in a native JSContext. On ⌘⇧V, Swift reads your clipboard, optimizes in JS, and writes clean code back—usually in ~80ms.
Real macOS APIs: NSPasteboard for clipboard, UserNotifications for save alerts, and KeyboardShortcuts for your global hotkey. No web view. No Chromium.
Your clipboard is read only when you press the hotkey—never in the background. No telemetry by default. No file scanning. What you copy stays on your Mac until you choose to optimize it.
We ship in the open. If we miss three of these after launch, we'll reassess—not hide behind vague roadmaps.
A clipboard utility shouldn't cost more than your coffee subscription. Charging monthly for something that runs in 80ms feels wrong—and we'd rather earn trust with a fair one-time price.
Same model as CleanShot X, Bartender, and Soulver: buy once, use daily. v2 will be a paid upgrade (~$12) with a free upgrade for early buyers.
No. SVG-Snap only touches your clipboard when you press ⌘⇧V. No passive monitoring, no polling, no tracking what you copy. On macOS Sequoia+, you may see Apple's standard clipboard permission prompt the first time—that's the OS, not us spying.
Yes. Optimization runs entirely on your Mac via JavaScriptCore. No uploads, no API calls. The only network use is optional: checking for app updates through Sparkle.
Nothing happens. No error dialog, no flash, no beep. Press the hotkey by accident while coding? Your clipboard stays untouched.
We'd rather ship one excellent output than three mediocre ones. React is v1.0; Vue, Svelte, and React Native land in v1.1.
Yes. Sequoia may ask for clipboard permission the first time you use a cross-app hotkey—that's normal. Our onboarding walks you through it before your first conversion.
Not yet. SVG-Snap is macOS-only for now. If enough people buy and use it, we'll look at Windows for v2.
v1.0 uses a tuned default that handles 95% of Figma exports well. Custom presets are planned for v2.0.
The app is proprietary. SVGO and SVGR—the engines inside—are open source (MIT). We contribute fixes upstream when we find edge cases.
Save minutes every day. Built for frontend developers who care about clean code. $9 once when we launch. Join the waitlist to get notified.