Shared design

Opening shared design…

The link is being checked. Your local design remains private while this loads. Return to the local editor if you do not want to wait.

The editor could not start.

Reload this page to try again, or return to the local editor at this site’s home page.

Canvas tools

Choose a canvas tool. Eraser deletes the object or connection you press. Clear removes the entire diagram.

Design resources

Components & Library

Click or tap to add drag to place

Design Library

Design Library unavailable

Your current design is still open but is not tracked here. Use Export to keep a copy, then try New after browser storage is available.

100%

Inspector

Properties

◇

No selection

Select an object to inspect its properties.

Current selection

Width: logical px
Height: logical px

Object color

Choose a preset color.

Selected connection

One-way connection

From
To

Connection color

Choose a preset color.

Line style

Interview workspace

Prompt & notes

Interview prompt Working notes

Included in Design Library saves, JSON exports, and local recovery.

Workspace ready.

Local-only shell

Design Studio

Navigation in progress

Keeping your design private while the next page opens.

Download

Export diagram as PNG

Exports the full diagram at 2× resolution with 32 logical pixels (64 output pixels) of padding.

Background Solid whiteBest for documents and sharing TransparentKeeps the area around the diagram clear

Design Library

Name this design

Choose a name to save this design to your local library.

Design name

Design Library

Delete saved design?

Share a snapshot

Create a share link

Creating a link shares your diagram, interview prompt, working notes, and current viewport with anyone who has the link. The link expires after 30 days.

Sharing is unavailable in this build. You can continue editing and saving locally.

Add something to the untouched new design before creating a share link.

Your share link

Share URL

Expires

Shared design

Open a shared design

Your local design stays unchanged until you choose whether to open the shared design.

Shared design

Replace the current design?

Opening this shared snapshot discards unsaved changes in the current design. Choose Open shared snapshot to continue, or choose Keep current design—or dismiss this dialog—to preserve those changes and return.

Quick reference

Studio controls

Library & files

Save: Create or update a design in this browser’s Design Library
Export JSON: Download the complete design as portable JSON
Import JSON: Open portable JSON; unsaved work is confirmed before replacement
Export PNG: Download only the rendered diagram as an image

Mouse, trackpad & pen

Add: Click a component
Place: Drag a component to the canvas
Move: Drag an object; selected objects move together
Resize: Drag a handle on a sole selected object
Object menu: Secondary-click an object for object-specific actions
Edit label: Double-click an object or arrow; click away to commit
Select: Click an object or arrow; Shift-click to toggle
Marquee: Drag empty canvas
Clear: Click empty canvas
Pan tool: Drag anywhere with the primary button
Temporary pan: Space + drag or middle-drag
Connect tool: Click a source, then a target; or drag a source to a target
Eraser: Choose Eraser, then press an object or arrow to delete it
Clear canvas: Choose Clear to remove the entire diagram
Zoom: Wheel or trackpad
Fit: Use Fit in View in the header

Keyboard

Enter / Space: Add focused component
Space + drag: Pan canvas
Enter: Commit a label edit
Shift + Enter: Add an object label line
Escape: Cancel a label edit
A: Start connecting from the single selected object
Shift + F10 / Menu: Open actions for the single selected object
Missed click: The current connection attempt stays active
Escape: Cancel the current tool or gesture; return to Select
Ctrl/Cmd + D: Duplicate selected objects with an offset
Delete / Backspace: Delete selected items
Ctrl/Cmd + Z: Undo
Ctrl/Cmd + Shift + Z / Ctrl + Y: Redo

Touch

Add: Drag a component from the drawer to the canvas
Tools: On phones, use the left rail for Select, Connect, Eraser, or Clear
Eraser: Activate Eraser, then tap an object or arrow to delete it
Clear: Tap Clear to remove the entire diagram without selecting items
Select: Tap an object or arrow; tap empty canvas to clear
Multi-select: Press and hold an object or arrow
Move & resize: Drag an object or its visible resize handle
Navigate: Drag empty space to pan; use two fingers to pan or pinch to zoom
Connect tool: Drag from a source object to its target