designatorSaturday, 18 July 2026
ArchiveSources
✦The “mocked, then loved” AirPods effect✦ZERO: The Engineering Behind a Defiant Interactive Narrative✦From vibe to specs: reclaiming the design process with SAID framework✦Design system contracts: the component lives in neither Figma nor code✦I forgot how fun it is to just build something✦What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More✦The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio✦Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview✦Using Figma Motion to create a viral karaoke app in 30 mins I Design Roulette Ep 4✦CLAUDE.md vs DESIGN.md: What to Put in Each for Claude Code✦Website Inspiration: Materials¹✦Be Yourself or Be Forgotten | The Design Career Formula Nobody Wants to Hear with Alex Aperios✦Website Inspiration: Sky Clock✦Website Inspiration: Michael Pumo✦Taste cannot be delegated
✦The “mocked, then loved” AirPods effect✦ZERO: The Engineering Behind a Defiant Interactive Narrative✦From vibe to specs: reclaiming the design process with SAID framework✦Design system contracts: the component lives in neither Figma nor code✦I forgot how fun it is to just build something✦What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More✦The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio✦Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview✦Using Figma Motion to create a viral karaoke app in 30 mins I Design Roulette Ep 4✦CLAUDE.md vs DESIGN.md: What to Put in Each for Claude Code✦Website Inspiration: Materials¹✦Be Yourself or Be Forgotten | The Design Career Formula Nobody Wants to Hear with Alex Aperios✦Website Inspiration: Sky Clock✦Website Inspiration: Michael Pumo✦Taste cannot be delegated
  • Today
  • Design Tools
  • UX & Thinking
  • Inspiration
  • Product & Startup
  • Tech News
  • AI & Tools
  • Podcasts
1612 stories curated
designator

The daily briefing for product designers. 70+ sources, summarized, in one tab.

Categories

  • Design Tools
  • UX & Thinking
  • Inspiration
  • Video
  • Product & Startup

More

  • Tech News
  • AI & Tools
  • Newsletters
  • Podcasts

About

  • All sources
  • About Designator
  • Archive
  • Subscribe

© 2026 Designator. Sources retain ownership of their content.

Edition refreshed twice daily. ✦

Top storyThinking·1 day ago

From vibe to specs: reclaiming the design process with SAID framework

AI-native teams replace static handoffs with continuous, spec-driven product engines using the SAID framework and Git as a shared workspace.

UX Collective
9 min read

In this edition

Stories from Friday, 17 July 2026

UX Collective
Thinking

The “mocked, then loved” AirPods effect

AirPods and Apple Watch overcame initial mockery to become highly popular products through iteration and user experience.

12 hours ago·6 min read
CSS-Tricks
Tools

What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More

This article compiles various CSS techniques, including using `view()` for boundary-aware designs, making grid lanes accessible, creating time-based web designs, and fixing full-bleed layouts with modern CSS.

3 days ago·3 min read
Codrops
Inspo

The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio

Trionn's case study details the technical architecture that unified GSAP, Three.js, Lenis, and Web Audio into a performant, responsive web experience with complex animations and interactions.

3 days ago·26 min read
NNGroup (YT)
Video

Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview

Heuristic evaluations involve planning, conducting, and reporting usability test results to identify design issues.

3 days ago
Figma (YT)
Video

Using Figma Motion to create a viral karaoke app in 30 mins I Design Roulette Ep 4

Figma Motion helps create a viral karaoke app in a short design challenge.

3 days ago
UX Planet
Thinking

CLAUDE.md vs DESIGN.md: What to Put in Each for Claude Code

CLAUDE.md and DESIGN.md serve different purposes in Claude Code projects, with CLAUDE.md providing operational instructions.

3 days ago·7 min read

Curator's picks

Must read today

The pieces worth pausing on, hand-selected from today's edition.

Codrops
Inspo

ZERO: The Engineering Behind a Defiant Interactive Narrative

Developers built ZERO, a WebGL experience, using techniques like gesture checks and adaptive quality management for smooth performance.

19 hours ago·10 min read

Editor's pick

Design system contracts: the component lives in neither Figma nor code

Design system contracts use a central file to define components, generating Figma and code versions automatically.

UX Collective
12 min read

UX & Thinking

See all →
UX Collective
Thinking

The “mocked, then loved” AirPods effect

12 hours ago·6 min read
UX Planet
Thinking

CLAUDE.md vs DESIGN.md: What to Put in Each for Claude Code

3 days ago·7 min read

Look & feel

Inspiration picks

Visual references from across the design web.

See all →
Codrops

The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio

Inspiration
One Page Love

Website Inspiration: Materials¹

Inspiration
Femke.design (YT)
Video

I forgot how fun it is to just build something

2 days ago

Video

See all →
NNGroup (YT)
Video

Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview

3 days ago
Figma (YT)
Video

Using Figma Motion to create a viral karaoke app in 30 mins I Design Roulette Ep 4

3 days ago
One Page Love

Website Inspiration: Sky Clock

Inspiration
One Page Love

Website Inspiration: Michael Pumo