Made.
Improved.
Released.

Finer curves.
More room to work.

Lasso selection, group handle controls, midpoint insertion, whole-subpath removal, and smoothing existing paths make it easier to refine several parts of a curve at once. Multi-object selection, duplication and sibling grouping now work across separate SVG elements. This work is verified locally and awaiting release.

Refine the curve where you need to.

Double-click a base-path segment to insert an anchor without changing its curve. For curved interior anchors, choose independent handles, angle-only mirroring, or matching angle and length in the Path inspector. Undo and saved reopening preserve the edits.

Select the points you need.

Drag a box, draw a freeform Lasso, or Shift-click individual anchors within one base path. Selections can span its subpaths. Shift extends a box or Lasso selection, Escape restores the previous group, and A returns to box selection.

Edit anchors together.

Drag or nudge a group while its handles follow. Smooth, Corner, Delete, and handle mirroring apply to selected anchors with one undo per action. Choose independent handles, aligned angles, or matching angles and lengths in the Path inspector. Mirroring requires curved interior anchors; partial deletion keeps at least two anchors in each remaining subpath.

Add points without changing the curve.

Add midpoints after selected anchors subdivides their following segments together, including adjacent segments and closed seams. The new points stay selected, the curves stay in place, and one undo restores the edit. Exclude the final anchor of an open path. Invalid groups leave the artwork unchanged. After Undo removes new points, the anchor controls follow the surviving selection.

Remove a whole part of a path.

Select every anchor in a subpath, then use Delete selected anchors, Delete or Backspace. The other subpaths keep their curves, paint settings and animation. You can combine whole-subpath removal with partial anchor deletion; a one-anchor remainder rejects the entire edit. Removing the final subpath deletes the element and its animation tracks. One undo restores everything, and saved files and SVG exports preserve the result.

Smooth a path you already drew.

Set a smoothing amount in the Path inspector, then choose Smooth path. It reduces points and smooths all subpaths in the selected element, keeping open endpoints in place and retained sharp turns as corners. Closed paths keep their seam connected; already-compact curves stay intact. Adjusting the amount alone leaves the artwork untouched. One undo restores the whole edit, and saved files and animated SVG exports preserve the result. Paths with Morph animation keep their separate timed-node workflow.

Select objects together.

Shift-click artwork or drag a box across the canvas. Shift adds to the box selection; Command/Ctrl reaches nested objects. In Elements, Shift selects a range and Command/Ctrl toggles individual rows. Select All and Escape work from the canvas and layer list, including detached Elements. Blue outlines and the inspector count show the selection without changing your file or undo history. Select one object to edit its properties; batch editing is still to come.

Duplicate artwork with its animation.

Select objects or groups and press Command/Ctrl+D, or right-click and choose Duplicate. Each copy starts over its original and becomes selected, keeping the same geometry, paints and animation. Groups bring their children, and copied objects can be edited independently. One undo removes all copies from that action. Saving, reopening, SVG export and detached Elements preserve the workflow.

Organize objects into groups.

Select siblings under the same parent and use Command/Ctrl+G or Group selection. The children keep their geometry, paint and animation, and the new group becomes selected. Click it to move or animate its members together; Command/Ctrl-click or double-click reaches a child. Ungroup with Command/Ctrl+Shift+G when the wrapper has no appearance, transforms, animation or references of its own. Both commands support one-step Undo, saving, reopening and detached Elements. A new group occupies the frontmost selected position, so grouping objects separated in the stacking order can change overlaps.

Connect separate paths.

Choose an endpoint, use Join endpoints, then click an endpoint on another path. The curves stay in place and the joined artwork uses the starting path’s appearance. Undo restores both paths. Shared parent animation can stay; individual animation and artwork references must be removed before joining.

Keep the toolbar close.

Drag the main toolbar by its left grip to move it within Design or SVG Animation. It stays expanded, remembers its position, and remains inside the canvas when the workspace resizes. Compact dropdown arrows keep their menus accessible above or below the bar. Other parent panels retain their separate windows.

Export the moment you choose.

Save a static SVG at the playhead with a matching preview. Animated exports include a still first frame for viewers who prefer reduced motion, including image embeds. Interactive exports pause and reset when that preference is enabled.

Next: batch object transforms. Cross-parent grouping, ungrouping wrappers with their own appearance or animation, paint editing, deletion, Alt/Option-drag, repeated-transform duplication and joining independently animated or referenced paths remain open. Verified in the local Chromium preview. Cross-browser reduced-motion verification and additional export formats remain open. These changes are under development and are not included in the Windows alpha.21 download.

Your paths.
Your workspace.

Draw directly in SVG Animation, animate gradients, and arrange both editors around the way you work.

Draw without closing the loop.

The Pen tool paints a stroke as you draw. Press Enter, Escape, or Finish path to keep an open path, including a route for another object to follow. Select artwork directly on the stage, move it, or delete it. Pencil adds freehand curves with adjustable smoothing; Direct Selection lets you refine anchors and handles, split paths, and join endpoints within one path element.

Give the gradient its own motion.

Rotate a linear or radial gradient independently of the object. Keyframe gradient rotation, stop colors, positions, and opacity for fills and strokes. Object rotation keeps its own animation controls. Save, Undo, and native animated SVG export preserve the result.

Make room for your work.

Drag a parent panel heading to open a separate window that follows the cursor until you release it. Positions and sizes return when you refresh or reopen the editor. Collapse a dock to icons, then click an icon for a side flyout inside the editor. Child sections stay in their parent panel, and SVG Pen tools can dock on the right.

Each parent has an icon. Actions left behind after a tear-out use icons and tooltips, and collapse/expand arrows show what the next click does. The expanded SVG sidebar keeps its toggle beside the logo; Design uses one logo and puts its toggle after the document-title dropdown.

Add artwork and keep your animation.

SVG import now offers Add and Replace. Add preserves the existing timeline and remaps incoming references; Replace explicitly starts over with the new artwork. Both operations support Undo.

At this release: joining separate path objects, multi-object selection, grouped panel docking, and named workspace presets were still to come. The November 2 entry above records subsequent local progress. Browser pop-up permissions may be needed to restore separate panel windows. Gradient stop animation requires the same number of stops at every keyframe.

Shape motion
on the canvas.

Resize, stretch, and rotate SVG artwork with handles directly on the stage.

Drag corners or edges to change size, or drag outside a corner to rotate. The controls update the existing transform properties and work with keyframes, Undo, saving, and export. Imported geometry stays intact.

Move through
the timeline.

Jump to the previous or next keyframe, and pause where you need to work.

Keyframe navigation preserves your grouped selection and clipboard while revealing the chosen time in a zoomed timeline. A playback fix keeps Pause at the current playhead.