Loading...
Use the tool. Keep your work.
Wireframe Creator for App Screens and Flows
Draw app screens, edit components, connect clickable flows and export SVG, PNG or a reusable project file.
Start here
Build a screen that answers one user task
Create up to 12 screens, arrange editable elements and connect buttons to other screens. Drag on the canvas or use the numeric inspector. Your project stays in this browser unless you save or download it.
Arrange your screen
Keyboard: focus an element, use arrow keys to move by 1 pixel, or Shift plus an arrow to move by 8. Pointer dragging snaps to an 8-pixel grid. Text clips to its element; resize the element or add line breaks in the inspector.
Edit the selected element
Select an element on the canvas, or add one from the toolbar.
Review the flow and share a handoff
| From screen | Element | To screen |
|---|
The SVG and PNG exports contain the current screen. The project download preserves every editable screen and link. Prototype links work inside this editor; an exported image does not become an application. Record validation, errors and accessibility requirements in the handoff notes before implementation.
Save only when you choose. Anyone using this browser profile can access your saved project.
Check the method
Understand your result
You choose every screen, component, position and connection. Use the prototype view to check a task, then add handoff notes. Exported files describe your proposed interface; they do not implement an app.
Read the related guide