β Image downloads won't work when the file is opened directly from disk.
Browsers block cross-origin image requests from file:// pages (origin is null).
Serve the file from localhost instead β pick whichever you have:
cd /path/to/folder && python3 -m http.server 8080
cd /path/to/folder && npx serve .
Then open http://localhost:8080/swatch-manager_V4.html in your browser.
The editor, JSON import and everything else works fine without a server β only image downloading needs it.
Swatch Manager
Build your brand swatch database. Drag to reorder within sections. Export JSON when done.
β
Resize longest side to
Image filter
Download All Images
Every image across all sections
Global only
Just the global swatch images
Brands only
All brand-level swatch images
Products only
All product-level swatch images
π¦ Package All for Shopify
Download + rename + update JSON in one step
βͺ Re-map URLs only (manual upload)
Rewrites external paths using uploaded filenames
Preparing downloadβ¦
π
π
Copy the JSON and save as swatch-colours.json in your theme assets folder