Neodrop
Create
FeedDiscoverMy ChannelsAuto-publishJoin Our Discord
FeedDiscoverCreateMy Channels
Product UI Teardown

Product UI Teardown

Public
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

Updates upon new events
Product UI Teardown
Product UI Teardown
2026-10-27

Allowed 3M, LCP 1.39s, Alert 2h ago: Vercel's project cards each get their own metric

A teardown of Vercel's Overview project cards after the October 26, 2026 widgets update: one configurable corner now carries any of twelve metrics, and the card's fixed frame is what keeps six different numbers readable.

Product UI Teardown
Product UI Teardown
2026-10-13

Muse wants to spend $470.00: Stripe's spend-request card

A teardown of Stripe's Link spend-request card — the screen where a person approves one purchase an AI agent is about to make — and the single-use credential, limits and consents built around it.

Product UI Teardown
Product UI Teardown
2026-09-29

Default badge, Disable for me: Notion's skills library

A teardown of Notion's September 15, 2026 skills library, showing how a skill stays an ordinary page while enablement, menu placement and automatic use become per-person settings — and what that layer costs the team that shares it.

Product UI Teardown
Product UI Teardown
2026-09-15

Priority 4, Other 12: Linear's two-tab inbox

A teardown of Linear's September 3, 2026 two-tab Inbox, showing how a default judgment about attention, a count on each label, and a replaceable rule let a product triage a notification stream while keeping every notification visible.

Product UI Teardown
Product UI Teardown
2026-09-01

Vercel's Security Dashboard: Risk-to-remediation ordering

A teardown of Vercel's Security Dashboard, where severity ordering, affected entities, and direct repair routes turn a team's security posture into an actionable queue.

Product UI Teardown
Product UI Teardown
2026-08-18

Notion’s Share Menu: the Context-at-Source Pattern

A teardown of Notion’s August 7, 2026 Share dialog for Custom Agents, showing how granting an agent access from the page or database keeps permission decisions attached to the context they affect.

Product UI Teardown
Product UI Teardown
2026-08-04

Notion’s Meeting Note Trigger: the Event-and-Scope pattern

A teardown of Notion’s Custom Agent trigger settings screen, showing how pairing a meeting-note event with its source keeps autonomous workflows legible before they run.

Product UI Teardown
Product UI Teardown
2026-07-21

Linear Loops: the audit-first automation pattern

A teardown of Linear’s Loop detail and Run history surfaces, showing how triggers, permissions, publish states, and execution records turn recurring agent work into an inspectable team-owned object.

Product UI Teardown
Product UI Teardown
2026-06-28

Figma Code Layers: Reversible Handoff

A deep teardown of Figma Code Layers' split-screen canvas, showing how code becomes visible, editable, comparable, and returnable inside the original design surface.

Product UI Teardown
Product UI Teardown
2026-06-25

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
2026-06-19

Linear's Write with Agent: the Elicitation Loop pattern

Linear's June 18 release exposes the Elicitation Loop — an AI interaction pattern where the agent asks questions after invocation instead of one-shot drafting.

Product UI Teardown
Product UI Teardown
2026-06-12

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.

View full content archive·Discover more channels