2D

SVG import and the Vector Graphics node

New in October 2026: details may still change.

Bring vector art from Adobe Illustrator or Affinity Designer into the comp and keep it editable: shapes, outlines, gradients, text and layer order.

Importing SVG files

You can import in three ways:

• File > Import File... (choose one or more .svg files)
• Drag one or more .svg files onto the node graph, the viewer or anywhere in the window.
• Through the AI assistant (import_svg).

Each file becomes one Vector Graphics node. Several files dropped together are placed side by side and form one undo step.

Where the art lands

• If the drawing fits the project's format, it is placed one SVG unit per pixel.
• If it doesn't fit, it is scaled to fit the format and centred.

The AI assistant's import_svg can force either one (pixels or format).

Illustrator and Affinity

Both are read the same way, even though they write SVG differently:

• Illustrator uses CSS classes; Affinity uses inline styles and its own canvas size.
• Shape names come from the file: Illustrator's layer names, Affinity's names, or the element's id.
• Layer order is kept: shapes are drawn in the document's order, as they stack in Illustrator or Affinity. You can reorder them by dragging rows in the shape list.
• Colours are sRGB in SVG. They are converted to the project's working colour space through OpenColorIO.

What comes across

• Shapes: paths, rectangles (rounded too), circles, ellipses, lines, polylines and polygons. Compound paths keep their holes.
• Groups and reuse: groups and symbols, and every kind of transform.
• Groups as switches: each group becomes a visible switch and a matte setting (none, clip or mask) among the node's settings.
• Paint: linear and radial gradients.
• Filters: blur, offset, drop shadow and colour matrix (saturate, hue rotate).
• Text: becomes text shapes.

Not imported: embedded images, patterns (their fallback colour is used), markers, text on a path (drawn on a straight line), per-letter positions, and .svgz files. When something doesn't come across exactly, the import tells you what, in a message you can dismiss.

The Vector Graphics node

Vector Graphics (category Draw) holds Bezier shapes and open lines with fills and outlines. It works like Roto, without feathers or paint.

• Inputs: bg (optional background) and mask.
• output: rgba, rgb, alpha or all.
• replace: clears the output channels before drawing.

Drawing

Open the node to get a toolbar in the viewer with three tools:

• Select
• Bezier: closed shapes, with the same gestures, guides and typed offsets as Roto's Bezier tool.
• Line: open lines.
• Click: a corner point. Click and drag: a smooth point.
• Enter or right-click: ends the line.
• Click the first point: closes it into a shape.
• Esc: cancels.

Look

The settings row sets the look of new shapes and of the shapes selected in the list:

• fill and its colour
• outline and its colour
• thickness
• corners: miter, round or bevel
• ends: butt, round or square

The shape list has fill and out columns. Double-click out to pick the outline colour.

Per-shape tabs

• Look: fill, outline, thickness, corners, ends and opacity.
• Advanced:
• outline opacity;
• outline position (centre, inside or outside);
• miter limit;
• dashes (e.g. 10 5) and dash offset;
• fill rule;
• closed;
• clip to group;
• gradients and filters, edited as text.
• Text: the text, font, size, alignment and position.
• Transform and Motion Blur, as in Roto.

An open line is always drawn with its outline. A closed shape can have a fill, an outline, or both.

Not yet

• A text tool in the viewer: text comes from SVG files or the AI assistant.
• A gradient editor.
• SVG export.
• Drawing on the GPU.