Pxl Prfct.
The product roadmap · Updated
Real vector tools. A stronger design workspace. A smoother path from drawing to animation.
Here’s what we have, what’s missing, and the direction we’re discussing for Pxl Prfct Design and SVG Animation.
SVG path drawing, gradient animation and detachable parent panels are included in the Windows alpha.21 preview. November 2 development adds finer path editing, current-frame and reduced-motion SVG exports, and a movable main toolbar. These additions are not yet in the download. Later phases remain proposals without release dates. Read the Dev Log for release details.
The starting point
Updated for alpha.21. These are existing capabilities, with different strengths in each workspace.
Shapes, text, frames, components, styles, variables, layout, prototypes, and optional team workspaces.
Pen, Pencil, anchor editing, gradients, alignment, and snapping already exist here. The opportunity is to extend vector workflows and improve consistency, performance, and compatibility.
Explore DesignSVG import, rectangle and ellipse creation, resize and rotation handles, keyframes, custom easing, morphing, motion paths, and animated SVG export.
Draw directly in the animator. Pen, Pencil with smoothing, base-path anchor editing and independent gradient animation are included in alpha.21.
Explore SVG AnimationIn development / SVG tools
Vector drawing and editing within Pxl Prfct’s workspace. The drawing foundation is available in alpha.21; later phases identify future work.
Author and edit real paths in SVG Animation.
Available in alpha.21 · November 1. Pen-icon cursor, corner anchors, dragged Bézier handles, open/closed paths, and continuation from either endpoint. Enter or Finish path saves an open path that another object can follow. Undo, save/reopen, and SVG export are verified.
Available in alpha.21 · November 1. Draw editable curves with 0–100% smoothing, round stroke ends, and Shift-constrained straight lines. Shared paints, one-step undo, export, reopening, cancellation, and edit permissions are verified.
Core editing and split/join available in alpha.21. Drag or nudge anchors and handles; insert a midpoint, delete anchors, and convert corners/smooth points. Split at an anchor, open a closed path, or join endpoints within one SVG element. Local development · November 2: double-click a segment to insert an anchor without changing its curve, including transformed and zoomed artwork.
Verified locally · Not yet released. Select anchors across subpaths in one base-path element with a box, a freeform Lasso, or Shift-click. Shift extends a region selection, Escape restores it, and A returns to box selection. Drag or nudge the group while its handles follow, with one undo for the move.
Verified locally · Not yet released. Smooth, Corner and Delete apply to a selected group. The Path inspector offers independent, angle-only or angle-and-length handle mirroring across curved interior anchors. Mixed modes leave the options unselected. Each action has one undo; partial deletion retains at least two anchors in each remaining subpath.
Verified locally · November 2 · Not yet released. Add midpoints after selected anchors subdivides their following segments together, including adjacent segments and closed seams. Curves stay in place and the new points stay selected. One undo restores the edit. Exclude open paths’ final anchors; invalid groups change nothing. Anchor controls follow the surviving selection after Undo.
Verified locally · Not yet released. Join open endpoints across separate paths while preserving transformed curves and the starting path’s appearance. Shared parent animation stays in place. Independently animated or referenced paths require those dependencies to be removed first. One undo restores both paths.
Verified locally · November 2 · Not yet released. Select every anchor in a subpath with a box, Lasso or Shift-click, then press Delete or Backspace. Remaining subpaths keep their curves, paint settings and animation. Removing the final subpath deletes the element and its animation tracks. One undo restores the entire edit.
Verified locally · November 2 · Not yet released. Set Smoothing in the Path inspector and choose Smooth path to reduce points across its subpaths. Open endpoints stay in place; retained sharp turns stay corners and closed curves keep a continuous seam. Already-compact curves stay intact. One undo restores the original, with native saving and SVG export verified.
Verified locally · November 2 · Not yet released. Shift-click artwork or drag a box to select several SVG elements. Shift extends the box; Command/Ctrl reaches nested objects. In Elements, use Shift for a range or Command/Ctrl to toggle individual rows. Select All, selection outlines and a count in the inspector keep the group clear. Selection changes no artwork or undo history. Select one object to edit its properties.
Verified locally · November 2 · Not yet released. Select objects or groups and press Command/Ctrl+D, or right-click and choose Duplicate. Copies start at the same position, retain their artwork and animation, and become selected. One undo removes the entire duplication. Saving, reopening, SVG export and detached Elements are verified.
Verified locally · November 2 · Not yet released. Select objects under the same parent and press Command/Ctrl+G, or choose Group selection. Children keep their geometry, paint and animation. Click a group to select it; Command/Ctrl-click or double-click reaches a child. Command/Ctrl+Shift+G ungroups wrappers that have no paint, transforms, animation or references of their own. Both actions support Undo, saving, reopening and detached Elements.
Planned. Move and transform several selected objects together. Cross-parent grouping, ungrouping wrappers with their own appearance or animation, batch paint changes and deletion remain open, along with Alt/Option-drag and repeated-transform duplication.
Movement, path deletion and Add/Replace import available in alpha.21. Drag artwork or a selected group; use Shift to constrain movement. Delete a selected path from the keyboard, inspector or palette. Add SVG artwork while preserving animation, or explicitly replace it. Undo, save/reopen, and edit permissions are verified. Multi-object selection, duplication and sibling grouping are verified locally. Batch object edits and broader organization remain planned.
Available in alpha.21 · November 1. See the stroke and next segment as you draw. Escape, Enter, Finish path, or Select keeps an open path. Click artwork on the stage, including near thin strokes.
SVG Animation available in alpha.21 · November 1. Animate linear/radial fill and stroke gradients: rotate the gradient independently of the object, and keyframe stop colors, positions and opacity. Includes Undo, save/reopen and animated SVG export.
Design + SVG Animation available in alpha.21 · November 1. Parent panels have icons and collapse to icon strips; collapse/expand arrows show the next action. Expanded SVG drawers place the toggle beside the logo; Design places it after the document-title dropdown and keeps one logo. Collapsed docks keep the toggle at the top, below the SVG logo. Click an icon for an adjacent in-editor flyout, or drag its heading into a separate window that follows the cursor until release. Child sections stay with their parent. Every tear-out leaves icon-only Show and Dock actions with tooltips; compact sidebars retain project, import, download and save-recovery actions. Window positions and sizes restore after refresh/restart. SVG Pen tools can dock on the right; detached Elements leaves a compact icon rail. Controls share selection and Undo. Local development · November 2: the main Drawing tools bar drags within the editor, stays expanded and remembers its position in both editors. It no longer tears out; older layouts migrate automatically. Design toolbar dropdown buttons use compact arrow buttons with clearer hover and open states. This change is not yet in the download. Grouped docking and named presets remain open.
Available in alpha.21 · November 1. Pen opens a movable right-side palette with working Pen/Pencil/Direct Selection, anchor actions, and synchronized fill/stroke controls. Keyboard placement, reset, resize clamping, and read-only protection are verified.
The floating toolbar and right inspector now share stroke, fill, opacity, and weight. Base edits preserve existing animation; paths with Morph animators stay in the separate timed-node workflow. Whole-subpath removal, smoothing existing paths, multi-object selection, duplication and sibling grouping are verified locally. Batch object transforms are next; joining independently animated or referenced paths remains planned. See the Pen workspace specification for behavior and open scope choices.
Turn simple shapes into finished artwork.
Align and distribute SVG objects; snap to useful geometry and guides. Build on the controls already available in Design.
Unite, subtract, intersect, and exclude shapes. Discuss Boolean operations first, followed by interactive region selection.
Create and edit clipped artwork and shapes with holes. Preserve the result when saving, importing, and exporting.
Depends on path editing and multiple-object selection. Imported masks already render in SVG Animation; authoring them is the proposed work.
Add personality without leaving the canvas.
Pencil and freehand smoothing are available in alpha.21. Whole-path smoothing is verified locally. Interactive brush smoothing, pressure, variable-width strokes, and brush presets remain planned.
Place editable text along a curve, then adjust its offset, direction, and spacing.
Edit gradient stops and direction on the SVG canvas. Gradient animation is available in the SVG inspector in alpha.21; on-canvas gradient handles remain planned.
Depends on stable path and paint editing, with font and export behavior agreed before implementation.
Carry work between tools and into a finished project.
Send selected artwork between workspaces with a clear account of what stays editable and how animation is preserved.
Current-frame stills and reduced-motion exports verified locally · November 2; not in alpha.21 downloads. Export a static SVG at the playhead, with a matching preview. Animated exports show a still first frame for viewers who prefer reduced motion. GIF, video, and additional animation formats remain open.
Discuss comments, shared editing, and AI/MCP access for SVG projects. Design supports team editing; SVG currently uses an exclusive editing lease.
These are research candidates. Formats and shared editing need compatibility decisions before any delivery commitment.
Proposed direction / Design & shared quality
New tools belong alongside dependable editing. These gaps remain part of the discussion for the main Design product.
Continue reducing canvas, property, and layout latency. The latest cross-platform measurements still exceed the 100 ms interaction target.
Improve style organization, rich text, vector construction, masks, and advanced component authoring. Verify consistency, accessibility, and working controls across the workspace.
Improve complex design-file imports and clearly report unsupported features. Explore richer prototypes and additional export formats, including PDF.
Broaden keyboard, screen-reader, sleep/reconnect, and real team-installation checks. Public Mac signing and notarization remain separate release work.
Want the evidence and limitations? Read the product evaluation
Help shape the scope
Icons, logos, web illustrations, or something else? A concrete drawing or animation workflow helps us choose what to build first.
The roadmap lives here. GitHub Issues holds the conversation. Priorities can change as we agree on the scope.