X 0 · Y 0

New document

Close document?

This document has unsaved changes.

Rename document

Numeric transform

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

Keyboard shortcuts

Right-clickContext menu for objects, points and segments, the canvas, and layers
V · A · PPointer · Subselection · Pen
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
Arrows · Shift+ArrowsNudge selection or selected points 1 px · 10 px
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
Ctrl+;Smart guides on or off (snap to the canvas center and other objects while dragging)

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.