Workshop — Layered Image Studio

Begin Your Composition

Drag images here, paste from clipboard, or use the + button to start stacking layers.

Supports: JPG · PNG · GIF · WEBP · SVG

Space + drag to pan · Ctrl/⌘ + scroll to zoom · drag from rulers for guides

No layers yet

No paint tool active.
Pick Eraser (E), Brush (B), Shape (S) or Gradient (G) — its settings appear here.

Font

Double-click a text layer on the canvas to edit it here.

Preset

The document auto-grows when you scale / rotate / resize a layer beyond its edges. Once you set a preset, a custom size or apply a crop, the frame is fixed and content clips at it.

Show rulers Snap to guides Show grid Snap to grid

Size

Format

Bounds

Export Padding0px

Scale

Quality90%

Transparent background

Background Color

The dashed blue frame on the canvas previews the export padding. SVG exports true vector structure — every layer stays editable in Figma & Inkscape.

Saves all settings to a .json file: export, document, tools, view + the full layer style (opacity, scale, rotation, blend, adjustments, shadow) taken from the selected layer. After Load, every image you upload arrives with the style applied — visible on canvas. Active: none