Figma Image Sync

About this plugin

Sync your FigJam image fills from a local PNG folder. Import once, then keep everything up to date with Sync Selected or Sync All. Perfect for teams sharing assets via tools like Resilio Sync.

What it does

Import: Drop in a whole PNG folder (recurses into subfolders) and auto-link each image.

Sync Selected / Sync All: Refresh existing nodes and add new ones by matching relative paths (fallback to filename).

Relink: Fix a single image quickly—use the Selected panel or the List modal.

Show Linked: Select and zoom to all linked images on the current page.

List Sources: Inspect all mappings, paths, sizes, and run per-row actions (Refresh, Relink, Resize to Aspect, Copy Path).

Aspect ratio: New imports and added images respect original PNG ratio; one-click “Resize to Aspect” for existing nodes.

Scales up: Large folders handled in batches with progress feedback.

How it works

Stores a node-to-file mapping (relative path + filename) in the document.

Reads PNG bytes from a chosen folder at sync time—no external services.

Optional convenience in Chrome/Edge (web): set a “Folder Location” once per session to skip repeated prompts.

Compatibility

Figma Desktop and Web. “Update Folder Location” requires the web app in Chrome/Edge.

PNG files only.

Privacy & permissions

No network calls; no data leaves your machine.

Uses local storage (clientStorage) for mappings.

Optional directory permission (web) for a better workflow, session-scoped.

Tips

Keep the same relative folder structure across machines for seamless team syncing.

If files are renamed/moved, relink or re-import to update mappings.