Properties Panel
Configure your project, active layer, and onion skin settings from the right sidebar.
The Properties Panel is the top section of the right sidebar. It contains three collapsible sections: project settings, active layer properties, and onion skin controls.
Project Settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Project Name | Text | “Untitled Animation” | Used as the filename prefix when exporting |
| FPS | Number (1–60) | 12 | Playback speed in frames per second |
| Frames | Number (1–9999) | 24 | Total number of frames in the animation |
| Width | Read-only | 1280 | Canvas width in pixels |
| Height | Read-only | 720 | Canvas height in pixels |
The project name is slugified during export to create safe filenames (e.g. “My Animation!” → “My_Animation”).
Active Layer Properties
When a layer is selected, this section shows:
| Property | Type | Description |
|---|---|---|
| Name | Text | Editable layer name |
| Opacity | Slider (0–100%) | Layer transparency |
| Stats | Read-only | Stroke count, keyframe count, lock/visibility status |
Opacity
The opacity slider controls how transparent the entire layer renders. At 0% the layer is invisible; at 100% it’s fully opaque. This affects both the canvas display and exported output.
Onion Skin
See the Onion Skin page for full details. Quick reference:
| Toggle | Enable/disable onion skin overlay |
|---|---|
| Previous Frames | 0–5 keyframes to look back |
| Next Frames | 0–5 keyframes to look forward |
| Opacity | 5%–80% transparency |