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.
Navigation
| Key | Action |
|---|---|
| ← → ↑ ↓ | Move between cards |
| Enter | Enter frame view (zoom into a design) |
| G | Toggle between grid and frame |
| Escape | Back / deselect |
| Shift+Arrow | Multi-select cards |
| Alt+Arrow | Reorder cards and columns |
| Cmd+K | Command 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