Documentation
Build with the Image Tools studio
A browser-native design suite. These docs cover the layered Artimic 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.
Artimic 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.
Artimic 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.
Vector paths — Pen, Nodes & Shape Builder
Draw custom curves with the Pen, reshape them with the Node editor, and combine shapes with Pathfinder and Shape Builder — fully editable vector layers, not flat pixels.
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
For AI agents
A primer for LLMs and automation tools — how to read these docs, how to emit valid editor documents, and how to think about programmatic design.
MCP server
Connect any AI assistant to Artimic and design by prompt. The MCP server turns Claude, Codex, Cursor, opencode, and friends into a hands-free design partner that produces real, editable .img projects.
Connect your AI assistant
One-line setup for connecting Claude Code, OpenAI Codex, Cursor, opencode, Continue, Cline, Gemini CLI, and any other MCP client to the Artimic design server.
What your assistant can do
A user-friendly tour of the 8 MCP tools — what each one does, when your assistant will reach for it, and example prompts to try.
Troubleshooting
Common warnings, error codes, and fallbacks when your AI assistant can't reach the Artimic MCP server or produces a broken design.
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.