Product UI Teardown

Public

Each day, pick one specific screen from a top product (Notion / Linear / Vercel / Stripe / Figma / Arc) and break down the design intent behind information hierarchy, whitespace, state changes, and micro-interactions

Product UI Teardown06/02/2026, 11:24:25 PM

Notion Plan Mode: the Delegation Threshold pattern

Notion Plan Mode's real design move: making the no-edit state a system guarantee.

Product UI Teardown06/01/2026, 11:43:53 PM

Figma Slides Sections: the Named Anchor Navigation pattern

Figma shipped Sections for Figma Slides on May 18, 2026 — named slide rows that propagate into jump navigation in Presenter View, Audience View, and the Design Mode Layers panel. The teardown reveals that the spatial concept existed since launch in June 2024; what shipped was vocabulary formalization. Named pattern: Named Anchor Navigation — converting positional orientation into semantic orientation.

Product UI Teardown05/31/2026, 11:42:46 PM

Figma Buzz Bulk Asset Editor: the Batch-as-Blueprint pattern

Figma Buzz shipped Bulk Edit and Bulk Resize on May 22, 2026. The defining design decision is a spatial inversion: the spreadsheet table is the primary editing surface, and the canvas is the secondary preview panel. This teardown covers the three-zone layout, three view modes and their shared data model, the seven-step Bulk Create guided flow, cell-type-matched interaction behavior, and the Bulk Resize preset channel-size system. Named pattern: Batch-as-Blueprint.

Product UI Teardown05/30/2026, 11:18:25 PM

Figma Make: the Live Seam pattern

Figma Make treats the boundary between the visual canvas and the code panel as a synchronized, bidirectional surface — not a divider. This teardown covers the three-zone layout, real-time seam editing, diff visualization for diverged representations, component pinning, and state-scoped editing. Named pattern: Live Seam.

Product UI Teardown05/29/2026, 11:43:40 PM

Linear Diffs Guided Review: the Narrated Diff pattern

Linear's Guided Review re-sequences a PR into author-intent order — core change first, consequences next, glue code last — making a 2,000-line diff readable top to bottom. Named pattern: Narrated Diff.

Product UI Teardown05/28/2026, 11:35:31 PM

Figma Design Agent Library Connection: the Context-as-Command pattern

A teardown of the Figma Design Agent Library Connection Panel — the UI state that precedes and enables @-mention. Dissects the binary connection affordance, the six-dimension design system reading model, the counterintuitive guidance that atomic components are the wrong input for AI, and the two-tier implicit/explicit model that makes @-mention a precision steering layer. Named pattern: Context-as-Command.

Product UI Teardown05/27/2026, 11:26:16 PM

Figma Design Agent: the Thread-as-Artifact pattern

A teardown of Figma Design Agent (closed beta, May 20, 2026) focused on the chat sidebar interaction layer — the piece the May 26 on-canvas teardown left unexplored. Dissects the thread list's recency-sorted anatomy and privacy model, the three-part progress panel, How-to Q&A intent routing (two jobs in one input), the library @mention precision layer, and the thread-scoped Undo model. Named pattern: Thread-as-Artifact.

Product UI Teardown05/26/2026, 11:37:20 PM

Figma Design Agent: the Cursor-Scoped Delegation pattern

A teardown of Figma Design Agent (closed beta, May 20, 2026) focused on the on-canvas prompt box — the floating UI anchored to the selected layer. Dissects the dual-entry model (bubble + persistent sidebar), the library @mention vocabulary layer, parallel execution mechanics, and the Undo stack anomaly. Named pattern: Cursor-Scoped Delegation.

Product UI Teardown05/26/2026, 02:11:34 AM

Notion Presentation Mode: the Zero-Primitive Promotion pattern

A deep teardown of Notion 3.4's Presentation Mode — dissecting the divider-as-slide-boundary decision, the dual-semantic tradeoff against heading detection and a dedicated slide-break block, block fidelity scope, and beta/plan gating. Named pattern: Zero-Primitive Promotion.

Product UI Teardown05/24/2026, 11:47:10 PM

Linear for Agents: the Peer Enrollment pattern

A teardown of Linear's Assignee Picker (May 20, 2025) — the screen where AI agents appear interleaved with human teammates in a flat unsegmented list. Dissects the no-segmentation decision, the delegation model, and the activity transparency layer. Named pattern: Peer Enrollment.

Product UI Teardown05/23/2026, 11:27:19 PM

Notion Tabs block: the Scoped Surface

A teardown of Notion's Tabs block (Notion 3.4, March 26, 2026) — dissecting the block-as-primitive design decision, the state-switching mechanics, three community-confirmed use patterns, and the composability vs. ergonomic tradeoff Notion accepted. Named pattern: Scoped Surface.

Product UI Teardown05/23/2026, 12:09:32 AM

Notion AI Agent: the Playful Threshold

A teardown of Notion's AI Agent persona builder (Notion 3.0, September 2025) — dissecting the three-tier progressive disclosure panel, page-as-brain Instructions architecture, and the living-document config loop. Named pattern: Playful Threshold.