Asset Studio · Pure SVG · Local-first

One icon. Every platform bundle.

Draw or prompt a single SVG, watch it inside real OS masks and safe zones, then export the exact folder trees Apple, Google, and the web demand — AppIcon.appiconset, mipmap-* + adaptive layers, PWA manifest, favicons. Fully client-side; nothing uploads anywhere.

Open Asset Studio → Asset gallery Motion gallery

Live previews — masks, themed-icon tints, home-screen rows and store mocks render from your artwork as you edit. Sidekick uses the same BYOK providers as the editor — Ollama works key-free. Made something in the Vector Editor? Export ▸ → Asset Studio sends it over, auto-framed to the safe zone — and ☰ → Edit in Vector Editor sends it back.

one svg · every mask · every densityexport.zip
The spec grind, automated

You draw once. The pack writes itself.

Manually sizing, naming, and structuring store assets burns hours and invites typos. The studio keeps a live spec of every file your platforms need — the export is just rasterizing it.

What you make

  • One SVG document — layers, groups, transforms, text, gradients
  • Foreground / background roles for Android adaptive icons
  • AI prompt → editable layers, or paste any SVG, or draw primitives
  • Live mask + safe-zone + home-screen previews while you tweak
  • A shareable /play#s=… link or remix URL — no account needed

What ships — one .zip

ios/AppIcon.appiconset/ 18 pngs + Contents.json
android/mipmap-mdpi…xxxhdpi/ · mipmap-anydpi-v26/
  ic_launcher.xml (fg + bg layers) · play-icon-512.png
web/manifest.webmanifest · icon-192/512 · maskable
  favicon-16/32/48 · favicon.ico · apple-touch-icon
generic/@1x @2x @3x · drawable-mdpi…xxxhdpi · .svg
What the studio adds

Masks, safe zones, splits, packs, previews.

◐

Mask & safe-zone workbench

Your artwork inside every shape the OS will force on it — iOS squircle, Android circle, rounded, teardrop, square — plus the 66dp safe-circle guides baked into the artboard (visual only; they never export). Presets: 1024² app icon, 108dp adaptive grid at 4×, or a custom artboard.

▤

Adaptive fg/bg split

Tag a layer bg and the pack writes real foreground/background resources + anydpi-v26 XML.

⬇

Multi-density export

18-slot appiconset, five mipmap buckets, Play 512, PWA + maskable, ICO, @1x–3x and drawable sets.

◈

Context previews

iOS + Android home-screen rows, store-listing mocks, themed-icon tints, real-size chips — rendered live.

✦

Prompt-to-icon AI

Same BYOK pipeline as the editor — describe the icon, get editable layers back (first group auto-tagged as the adaptive background), then tweak fills, strokes, text and transforms by hand. No key configured? Ollama runs it locally for free.

↗

Share links

Header ↗ packs the flattened SVG into a /play hash link — anyone opening it sees a live render, no sign-in. Gallery items carry the same ↗ Share popover.

From the asset gallery

Seeded icons — open, remix, re-export.

Every card in the asset gallery is a real published SVG — its item page previews masks, links straight into the studio, and shares with one tap.

Focus Timer icon
Focus Timerproductivity
Habit Sprout icon
Habit Sprouthealth
Ledger Pulse icon
Ledger Pulsefinance
Relay Chat icon
Relay Chatsocial
How it works

From prompt to platform pack.

1

Make — prompt, draw, or paste

Generate from the AI dock, drop primitives and text, paste SVG markup, or upload an image — each becomes its own layer on the artboard.

2

Tweak — layers, fills, transforms

Drag/scale/rotate on canvas or type exact values; rename, reorder, hide, and tag the background role for adaptive icons. Undo covers everything.

3

Preview — masks, tints, contexts

Watch it inside squircles and circles, Android-13 themed tints, home screens, and store listings — down to 48dp real size.

4

Export — pick platforms, get a .zip

iOS, Android, Web/PWA, generic — the pack list shows every path before you download. Or just share a link.

Additive & removable

Ship an icon set from one drawing.

The studio is standalone — own doc model, own autosave key, zero new dependencies. Your work stays in the browser; the bundles are just files.

Open Asset Studio → Asset gallery Motion gallery