Documentation is work in progress and not completeEditor
Manipulating Shapes
The Material System
The material system is the fill and appearance engine for all vector shapes. Rather than a single flat fill color, each shape can have a material stack — an ordered list of fill layers that are composited together to produce the final surface appearance.
The Material Stack
The material stack appears in the Properties Panel under the "Fill" section. It lists all fill layers from top to bottom. The top layer renders on top of layers below it.
Managing Fill Layers
- •Adding a Fill Layer: Click the
+button in the Fill section. - •Removing a Fill Layer: Click the
×button on any fill layer row. - •Reordering Fill Layers: Drag the grab handle (⠿) on any fill layer row to change its position in the stack.
- •Layer Visibility: Each fill layer has an eye icon that toggles its visibility independently of the others.
Per-Layer Settings
- •Layer Opacity: Each fill layer has its own opacity slider (0%–100%), controlling how much that layer contributes to the final composited result.
- •Layer Blend Mode: Each fill layer has its own blend mode, controlling how it interacts with the layers below it in the stack.
Compositing Order
Layers are composited from bottom to top. The first layer at the bottom of the stack is rendered first, and each subsequent layer composites on top of the previous result using its specified blend mode and opacity. The final composited result represents the shape's entire surface appearance.