UX and UI
Building a Real-Time 3D Face Mask with MediaPipe, ...
Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask.
Building an Infinite Loom: Unravelling Images into...
An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.
Figma Design Critique Using Claude Code
Claude Code recently got a new plugin /design that lets you craft designs right in Claude Code. But you can also use this plugin to…Continue reading on UX Planet »
Beyond the Luminance Ramp: A Shape-Aware ASCII Ren...
The Codrops mark, rebuilt as a draggable solid and printed in ASCII on the GPU, where every character cell searches 95 glyphs for its own.
How Sarah Wright built AI into her UX skillset
UX designer Sarah Wright was already experimenting with AI. But after completing three AI courses, she discovered the difference between simply using AI and knowing how to apply it effectively. Here’s how she built AI into her UX skillset...
Keyboard Navigation and Data Entry
Forms are an essential part of many interactions, but good form layout and clear labels are only part of the picture. Forms also need to work in all the ways users interact with them. Not everyone uses a mouse....
From Rays to Meshes: Building Vercel’s Prism with ...
A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.
More Three.js Speakers, More Ideas from Paris
New voices from the first Three.js Conference share what they're building, experimenting with, and bringing to Paris.
How to Audit and Extend Your Figma Design System w...
Claude Code recently got a new plugin /design that lets you craft designs right in Claude Code. I’ve described the entire process of…Continue reading on UX Planet »
Expert Evaluation: Identify Problems Before You Re...
Before you have a single real user in a testing session, you can already find a significant proportion of the usability problems in a design. Expert evaluation, also known as heuristic evaluation, is one of the most cost-effective methods...
How Coinbase used Code Connect to guide agents and...
The Coinbase Design System team put Code Connect to the test against coding agents—and found that it boosted design system adherence while cutting token costs by an average of 22.5%.
Fable 5.1 for Product Designers
Anthropic just updated its most advanced AI model, Fable. The new model, Fable 5.1, demonstrates even better results than its predecessor…Continue reading on UX Planet »
Breaking the Frame: Building a Real-Time Datamosh ...
A hands-on exploration of how Three.js, shaders, and codec-inspired techniques can turn a scene transition into a convincing real-time datamosh effect.
Mission Culture vs. Trench Culture: Bridging the G...
Every company has a culture, whether it’s the one you design or the one you allow. But in many organizations, there are actually two: the mission culture and the trench culture. Both cultures shape how people behave and what...
Claude Code’s New Design Plugin Is a Big Deal for ...
Claude Code recently got a new plugin /design that lets you craft designs right in Claude Code. I’ve described the entire process of…Continue reading on UX Planet »
Legal Aspects of Accessibility
Understanding the legal requirements for accessibility is essential for anyone building digital products and services. Accessibility legislation exists worldwide, and failure to comply can result in costly lawsuits and reputational damage. This lesson explores the legal landscape, compliance standards,...
Perceptual Issues in Dynamic Interfaces
In this video, William Hudson, User Experience Strategist and Founder of Syntagm Ltd, explores the psychological phenomena that affect how users perceive changes in dynamic web interfaces. While the focus is on web pages, these principles apply to any...
We Don’t Need AI-First Designers. We Need AI-First...
Over the past two years, I see more and more designers add “AI-first” or “AI-native” to their role description in LinkedIn and X.Continue reading on UX Planet »
Behind the build: Generative plugins and shaders a...
Starting today, you’ll have more creative control over generative plugins and shaders, and a way to share what you’ve made with the community. Product Designer Rogie King tells the story of how we got here.
Bend, Aim, Fling: Turning the Eiffel Tower into a ...
A playful Three.js experiment that turns the Eiffel Tower into a catapult, combining interactive physics with real-world 3D data from Cesium ion to launch yourself across Paris toward the Three.js conference.

















English (US) ·