X 0 · Y 0

New document

Close document?

This document has unsaved changes.

Rename document

Numeric transform

Scales, rotates and skews the selection around its center. Paths are transformed point by point; shapes, text and bitmaps keep an editable rotation, and skewing turns shapes and text into paths.

Keyboard shortcuts

Right-clickContext menu for objects, points and segments, the canvas, and layers
V · A · PPointer · Subselection · Pen
QScale → Skew → Distort (press again to cycle the transform tools)
YKnife: drag a line across a selected path to cut it
U (repeat to cycle) · NRectangle › Ellipse › Polygon · Line
B · T · I · K · GBrush · Text · Eyedropper · Paint bucket · Gradient
H · ZHand · Zoom (Alt-click zooms out)
Pen: click / dragCorner point / smooth point with handles. Shift constrains to 45°
Pen: click first point · Enter · double-clickClose path · finish open path
Pen on a selected pathClick a segment to add a point, click a point to remove it, click an end point to continue
Subselection: double-click pointToggle smooth / corner
Subselection: Alt-drag handleBreak the handle pair (corner with independent handles)
Pointer: drag just outside a cornerRotate (Shift snaps to 15°)
Shift while drawingConstrain to square, circle or 45° line · Alt draws from the center
Space + drag · Ctrl + wheelPan · Zoom at the cursor
Text tool: click · dragAuto-width text · fixed-width block that wraps
Ctrl+B · Ctrl+I · Ctrl+UBold · Italic · Underline (selected text, or defaults while editing)
Ctrl+Z · Ctrl+Shift+ZUndo · Redo
Ctrl+C · Ctrl+V · Ctrl+X · Ctrl+DCopy · Paste · Cut · Duplicate
Ctrl+A · Esc · DeleteSelect all · Deselect · Delete objects or selected points
Ctrl+G · Ctrl+Shift+GGroup · Ungroup (Subselection selects inside groups; double-click a group with the Pointer)
Ctrl+Shift+P · Ctrl+J · Ctrl+Shift+JConvert to path · Join paths · Split paths
Ctrl+] · Ctrl+[Bring forward · Send backward (add Shift for front/back)
Ctrl+= · Ctrl+− · Ctrl+0 · Ctrl+1Zoom in · Zoom out · Fit · 100%
Ctrl+'Show or hide the grid
Arrows · Shift+ArrowsNudge the selection or selected points by one screen pixel (ten with Shift) — the step gets finer as you zoom in
Ctrl+Alt+L · Ctrl+Alt+Shift+LLock the selection · unlock every locked object
Ctrl+Alt+RShow or hide the rulers (drag out of a ruler to create a guide)
Ctrl+;Show or hide guides
Ctrl+Shift+;Snap to guides on or off
Ctrl+Alt+;Lock guides
Ctrl+Alt+'Smart guides on or off (snap to the canvas center and other objects while dragging)

Image Trace

Adjust the settings: the result previews on the canvas.

Grid and guides

Fireworx

A browser-based vector and bitmap editor for web and UI artwork. Every shape, path, text block and bitmap stays an editable object on a layer: reselect it, edit its points, restyle it, combine it with others, or reorder it at any time.

Your document autosaves in this browser. Use File › Save project to keep a copy, and File › Export for PNG, JPEG or SVG output. Path operations use the paper.js geometry library; text outlines come from opentype.js.