Documentation
Build with the Image Tools studio
A browser-native design suite. These docs cover the layered image editor,
every tool in the rail, the .img project format, and the primitives
AI agents can use to generate and modify designs without clicking through the UI.
Press / or Ctrl+K to search anywhere in these docs.
Image Editor
Canvas & zoom
Navigating the canvas — zoom, pan, fit, hand mode, and how multi-select interacts with empty canvas clicks.
Getting started
Open an image or start from a preset, place your first layer, and save the project as an .img file.
Groups
Bundle layers into nested groups with their own opacity, blend, and clip — the editor's primary mechanism for organizing complex designs.
Image Editor overview
The flagship editor — a layered, multi-tool design surface that runs entirely in your browser.
Layers
The document model — every visible element is a layer with a transform, effects, opacity, and blend mode. How to select, reorder, transform, and clip layers.
Document & Export
Effects & filters
Per-layer effects (shadow, glow, stroke), per-asset image adjustments (Curves, Levels, HSL), and global filter presets.
Exporting
Export your design as PNG, JPEG, WebP, or PDF — with format-specific quality controls.
Keyboard shortcuts
The complete shortcut book. Mirrored from the in-app `?` panel — keep this page in sync when adding or changing shortcuts.
Automation
Reference
Editor Tools
Asset erase brush
Per-asset erase mask — paint to hide part of an image, restore to bring it back, all non-destructive.
Asset tool
Drop your own images and SVGs onto the canvas as fully transformable layers — with frame clipping, per-asset image adjustments, and AI background removal.
Crop tool
Crop the document with aspect-ratio presets, free-form drag, or numerical input. Crop is non-destructive until you apply it.
Draw & erase
The brush (`B`) and eraser (`E`) — free-paint strokes with size, opacity, and softness, plus a global erase mask that punches transparency through draw layers.
Icon tool
Stamp tintable vector icons from the bundled library — Heroicons, Lucide, and a curated extra set.
Pointer & hand
Select layers, multi-select with marquee, and pan the canvas. The two non-creative tools you live in 80% of the time.
Shape tool
Draw rectangles, ellipses, polygons, stars, lines, and arrows — with solid or multi-stop gradient fills and dashed strokes.
Text tool
Add editable text layers with full typography control — font, size, weight, color, stroke, shadow, alignment, and curved text on a path.