Workspace presets

Save the editor's current configuration — toggles, brush settings, color mode — as a named preset and reload it later. Useful for switching between modes (character, tileset, UI) without manually re-toggling everything.

---

Where to find it

Top bar → Settings icon (gear) opens the Workspace presets dialog.

---

What's captured

A workspace preset captures only the editor's workspace state — never the project (frames, layers, palette, animations are all left alone).

Setting	Captured
Tile preview ON/OFF	✅
Pixel-perfect mode	✅
Symmetry (enabled, axis, center)	✅
Onion skin (enabled, before/after, opacity)	✅
Onion skin tints	✅
Color mode (RGB / Indexed)	✅
Brush shape	✅
Brush size	✅

What is not captured:

• Project data (frames, layers, palette, ramps, cycles, slices, custom brushes)
• Active tool / active layer / active frame
• Reference image
• Selection state
• Panel sizes (react-resizable-panels manages those separately)

---

Save a preset

1. Configure the editor the way you want — turn on the toggles, set the brush size, etc.
2. Click the Settings icon in the top bar.
3. Type a name in the input (e.g. character, tileset, ui).
4. Click Save current. The preset is added to the list and persisted.

You can save as many presets as you want. They live in IndexedDB, browser-local.

---

Load a preset

1. Open the dialog.
2. Click Load on any preset row.
3. The editor's toggles snap to the preset's values. The dialog closes.

Loading does NOT touch your project. If you have unsaved drawing in progress, it stays.

---

Rename / delete

• Click the pencil icon (visible on hover) to rename a preset inline. Press Enter to commit, Esc to cancel.
• Click the trash icon (visible on hover) to delete. Confirms first.

---

Use cases

"Character" mode

Common settings for character sprites:

• Symmetry: vertical, axis at canvas centre. Useful for symmetric characters.
• Onion skin: ON, 1 before / 1 after, with red/blue tints — ideal for animation.
• Pixel-perfect: ON for clean lineart.
• Brush: size 1, shape circle.
• Color mode: indexed (palette discipline).

Save as character. Now switching from a tileset back to a character is one click.

"Tileset" mode

• Tile preview: ON for seamless edges.
• Symmetry: OFF.
• Onion skin: OFF (tilesets aren't animated frame-by-frame typically).
• Pixel-perfect: OFF (tilesets often use deliberate corners).
• Brush: size 2, shape square.

Save as tileset.

"UI mockup" mode

• All animation/symmetry toggles OFF.
• Color mode: RGB (UIs often pull from outside the strict palette).
• Brush: small square for crisp edges.
• Pre-load a UI reference image after applying.

Save as ui.

---

Storage

Presets live in IndexedDB under the editor's motestack database, in a workspacePresets table. They are:

• Browser-local — clearing browser data removes them.
• Project-agnostic — same presets available across all projects in this browser profile.
• Not exported in .mstack — a teammate opening your project will get their own presets.

---

Tips

• Combine with export presets — both save you from re-typing the same options. Workspace presets handle the editing-side toggles; export presets handle the output-side configuration.
• Name presets clearly. character_v2_with_outline beats preset3.
• If you find yourself toggling the same 4 settings every session, save them as a preset called default and load it on first open.

---

Related

• Tile preview
• Symmetry
• Pixel-perfect
• Onion skin
• Indexed mode
• Export presets — separate concept for export configurations