Skip to main content
On your device james-johnson.dev

Design

Frames on an endless canvas, vector shapes and a pen for curves, text in hundreds of fonts, images, layers, auto layout, components and clickable prototypes. Export PNG, JPG, SVG or PDF. Everything stays in your browser, saved as you go.

The design editor

New design

Saving: a design is kept in this browser as you work, and listed under Recent designs. Save design file downloads it as a PDF: open that here again (on any device) and every frame, layer and setting is back, or open it in any PDF reader as it is. Nothing is uploaded.

Working together: Share, then Start sharing, copies a link to edit; there's also a link to view only. Whoever opens it is in the design with you, live, their pointer and selection showing in their colour; click their initials to follow their view. Comments (C) pin to the canvas and go to everyone. History keeps versions. Changes pass through a relay but are encrypted on each person's device first, with a key that's only in the link, so the relay can't read them. Two people changing different things in one frame both keep their change, and undo takes back only your own.

Keys: V select · F frame · R rectangle · O ellipse · L line · ⇧L arrow · P pen · ⇧P pencil · B brush · T text · H hand (or hold Space) · ⇧1 fit everything · ⇧2 zoom to selection · ⇧0 100% · ⌘ and the wheel, or a pinch, to zoom · ⌘G group · ⇧A stack (auto layout) · ⌘D duplicate · ⌘] forward · ⌘[ back · ⌥⌘K component · ⌥⌘B detach instance · ⌃⌥Enter present · Shift-click frame names to pick several · Enter edit points · Esc up a level · C comment · ⌥⇧U union · ⌥⇧S subtract · ⌥⇧I intersect · ⌥⇧X exclude · ⌘E flatten · ⌥⌘O outline stroke · ⇧R rulers (drag out guides) · Alt held: measure · ⇧⌘C copy as PNG.

Prototypes: select anything and choose where a click on it goes (and how) under Prototype. Present plays the design with those links working; saved or exported as a PDF, they're links any PDF reader follows.