Scamp

Rough layouts from a typed outline

Export

HTML prototypeEvery screen in one file, with working links and real form controls. No JavaScript.
Copy the HTMLThe same file, on the clipboard.
Image of this screenPNG at twice the size, for pasting into a doc or a chat.
Link to this mockupThe whole mockup is packed into the address. Nothing is uploaded. It opens as a preview for whoever follows it.
Project fileTo carry on later or elsewhere. Open also reads files saved by the old Low-fi Mockup Generator.

Scamp

A scamp is an old agency word for a rough layout: quick enough to throw away, clear enough to argue about. Everything here stays in this browser.

Outline blocks


    

Keys

⌘Z ⇧⌘Z
Undo, redo
⌘C ⌘X ⌘V ⌘D
Copy, cut, paste (across screens too), duplicate
⌘A Tab Esc
Select all, next element, deselect
Enter or double-click
Edit the text in place
Arrows, ⇧ arrows
Nudge by 1, by 8
[ ]
Send back, bring forward
Delete
Remove
P G
Preview, grid on or off
⌘+ ⌘− ⌘0
Zoom in, out, fit
Hold ⌘ while dragging
Ignore snapping
Hold ⌥ while dragging
Drag a copy
Hold ⇧ while resizing
Keep proportions
Click anywhere to see what links.