Manage

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 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.

No more Drops