Editor Basics

The TLWR editor is structured around a canvas with a layer panel and a properties panel.

Interface Overview

┌──────────────────────────────────────────────────────────┐
│  Tool bar │           Canvas                │ Properties │
│  (left)   │                                 │ (right)    │
│           │      [Your scene content]       │            │
│           │                                 │ Layer list │
└──────────────────────────────────────────────────────────┘

Tool Bar (left)

Canvas

The canvas is infinite and zoom-able. Use:

• Scroll to pan, Ctrl + Scroll to zoom
• Space + Drag to pan (Figma-style)
• Ctrl + Z / Ctrl + Shift + Z to undo/redo

Properties Panel (right)

Shows the properties of the selected layer. Common properties:

• Position & size — X, Y, W, H with auto-constraints
• Opacity — global layer opacity
• Blend mode — for image and color layers
• Fill — solid color, gradient, or image
• Border — width, color, radius

Working with Layers

Layers stack top-to-bottom in the panel, corresponding to front-to-back in the canvas.

Layer types

Grouping & nesting

Select multiple layers with Shift + Click, then Ctrl + G to group. Drag layers in the panel to reorder.

AI Generation

Click the Sparkle tool or press G to open the generation panel.

1. Describe what you want in the prompt field
2. (Optional) Drop a reference image for style guidance
3. Set the Style preset (Anime, Painterly, Dark Fantasy, etc.)
4. Click Generate — results appear as a new image layer

Style consistency

Lock your project's style by clicking Set as style reference on any generated image. Subsequent generations will match that style automatically.

Keyboard Shortcuts

← Getting Started · Gallery →