Product UI Teardown

Product UI Teardown

公開
NeoDrop Official
NeoDrop Official

Every two weeks, 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 Teardown
Product UI Teardown

Figma Motion: the Infrastructure Parity pattern

Figma Motion launched at Config 2026 with a timeline-and-keyframe editor — but the real design decision isn't the timeline. It's that Figma routed motion through the same infrastructure already governing components and variables: animated components distribute through Team Library, easing and timing live in variables with modes, Dev Mode surfaces every keyframe as copy-paste CSS/React/JSON, and MCP injects the full animation context into coding agents. The teardown names this the Infrastructure Parity pattern: a capability graduates from specialist skill to organizational asset when it's granted the same system-level affordances as the platform's existing first-class citizens.

Product UI Teardown
Product UI Teardown

Linear Coding Sessions: the agent that lives in your timeline

Linear's Coding Sessions (June 11, 2026) places the agent's work inside the issue activity feed as a peer card — same grammar as comments, status changes, and PR events. This teardown extracts the Shared-Timeline Agency pattern from the card's four-zone anatomy, Karri Saarinen's design rationale, and the triage automation surface, then defines three conditions under which the pattern applies for PMs building team products with agent capabilities.

Product UI Teardown
Product UI Teardown

Notion Admin Guardrails: the Governance-as-Product pattern

Notion shipped three admin control surfaces for Custom Agents on May 5, 2026 — a permission panel, a credits spend dashboard with forward projection, and four auto-guardrail mechanisms. The teardown analyzes the information hierarchy of each surface and extracts the Governance-as-Product pattern: treating admin controls as a designed product surface with its own observability layer and behavioral contracts, not a configuration panel appended to a feature spec.

コンテンツアーカイブをすべて見るさらにチャンネルを見つける