Learn the decisions behind the diagram.

For software engineers preparing for system design and AI system design interviews.

Start here

Understand one design decision at a time.

Shift-click to select boxes · Drag to move together2 topics · 9 available · 0 coming soon
?
Make yourself at home

Drag a card to move it. Click to preview. Shift-click boxes or Shift-drag empty space to select a group, then drag a selected box to move them together.

Use Select for touch selection. Tap boxes to select them, or drag empty space to select an area. Clear or Escape removes the selection.

Scroll to pan. Pinch or ⌘ + scroll to zoom.

Tab reaches boxes. Shift + Enter or Shift + Space toggles selection. Arrow keys move a selected group; Shift moves it farther. ⌘/Ctrl + A selects visible boxes.

Focus the canvas to pan with arrows. Press F to fit, + / − to zoom, or Esc to close a preview.

Your layout stays in this browser tab.

Topics connect to deep dives, and follow-up guides connect to the deep dive they extend. Use search to find a deep dive. Drag the background to pan. Drag a card to move it; connections follow. Shift-click boxes or Shift-drag empty space to select multiple boxes, then drag a selected box to move the group. Use Select for touch, Escape or Clear to clear selection, Shift + Enter to toggle a focused box, and Command or Control + A to select visible boxes. Click a topic to collapse its branch, or a resource to expand its preview. Use the plus or minus control on a deep dive to show or hide its children. Scroll to pan, pinch to zoom. Tab to a card and press Enter to open or arrow keys to move. The List view provides all resources without canvas navigation.