Skip to Content
DocsCore ConceptsThe Grid

The Grid

The grid is DriftGrid’s core interface. Every design lives on an infinite canvas where columns are concepts and rows are versions.

Mental Model

Concept A Concept B Concept C (Minimal) (Bold Dark) (Mint Split) ───────── ───────── ───────── v3 [latest] v2 [iterated] [iterated] [iterated] v1 [original] [original] [original]
  • Concepts (columns) are different design directions. Named descriptively: “Clean Minimal”, “Dark Athletic”, not “Concept 1”.
  • Versions (rows) are iterations within a direction. Newest at top. Never overwritten — every change is a new version.
  • Stars mark your picks across any concept. Starred versions can be presented or shared.
KeyAction
← → ↑ ↓Move between cards
EnterEnter frame view (zoom into a design)
GToggle between grid and frame
EscapeBack / deselect
Shift+ArrowMulti-select cards
Alt+ArrowReorder cards and columns
Cmd+KCommand palette

Zoom Levels

The grid supports multiple zoom levels. Zoom out to see the full landscape, zoom in to read details. Use trackpad pinch or the zoom controls.

Frame View

Press Enter on any card to enter frame view — the design renders at full size in an iframe. This is where you:

  • See the live HTML (scrollable, interactive)
  • Place prompts for your agent (C key)
  • Export as PNG, PDF, or HTML

Press G or Escape to return to the grid.

Last updated on