Drop placeholder blocks onto the board, drag them into place, resize from the corner, then export your low-fidelity wireframe as a PNG.
Low-fidelity wireframes deliberately avoid real colors, fonts and copy so you and your team can focus purely on layout and structure before investing time in detailed visual design.
Solid and striped bars stand in for titles and body copy without committing to real content.
A solid, rounded block represents any call-to-action or interactive control.
A diagonally hatched placeholder marks where a photo or illustration will eventually go.
A dashed rectangle stands in for a text field, dropdown, or other form control.
You can add heading bars, text lines, buttons, image placeholders and input fields, the most common building blocks of a low-fidelity wireframe.
Drag anywhere on a block to move it, or drag its bottom-right corner handle to resize it.
Hover over a block and click the small delete button that appears in its corner, or use Clear board to remove everything at once.
It renders every block's current position, size and type onto a canvas and downloads a PNG image matching what you see on the board.
No, the board only exists in your browser tab, so export it as a PNG before closing or refreshing the page.
More handy tools from My Panda Toolbox.