🟣 TOOOLS #18: Ladybug, Canvas UI, Origin Kit, UI SFX, Datatype

   TOOOL OF THE WEEK

   ALSO ON THE RADAR

Canvas UI

An open source library of interface components that layer real-time shader effects over fully working UI.

Origin Kit

A free library of animated website components, ready to copy as code into a project or drop straight into Framer.

UI SFX

A tiny sound design library covering every cue an interface needs, in 12 distinct sonic personalities from Minimal to Arcade.

Datatype

A variable font that turns text into inline bar charts, sparklines, and pie charts that sit naturally in running text.

   FROM THIS WEEK'S SPONSOR

   A FEW READS & LISTENS

UX COLLECTIVE  📖 ARTICLE

AI personality is a design problem

Slava Polonski makes the case that the way an AI product talks and behaves is not a model property but a design decision, and one designers should own. Timely, now that every product is quietly getting a personality.

DIVE CLUB  🎧 PODCAST

Protecting your creativity in an AI world

Pablo Stanley, staff product designer at Vercel, goes behind the scenes of his creative tool experiments, including how v0's new design mode was prototyped. A grounded look at keeping your own taste in charge while building with AI.

PHIL MORTON  📖 ARTICLE

A side project is the fastest way to upskill in the age of AI

Phil Morton argues that building a small side project beats any course for learning AI-era skills, now that the barrier to shipping real software has collapsed. His advice cuts against the grain: skip Lovable and co, since one-prompt builders automate away exactly the part that teaches you; pick AI tools that keep you in every step.

   UPDATES & NEWS

OpenAI's first hardware, a $230 macro pad for commanding AI agents with a joystick, a dial for how hard the AI thinks, and lights that show agent status

v0 now turns a full Figma file into a working app from a single link, exploring every page and frame and building the screens as one project

Paper now brings existing work onto its canvas three ways: start from a live website, a Figma design, or the product's existing code

Figma's updated auto layout now behaves like CSS, so the built version finally matches the canvas: new frames get it automatically, existing files keep the old behavior until January 2027

Webflow expands what AI agents can do on a site: version 2 lets them build components, use your design variables, follow rules you set, and answer questions about your traffic

Adobe is testing AI in its Project Indigo camera app that edits photos when you describe the change and critiques your shots, with tips to retake or improve them

   ONE MORE THING ...

A QUOTE WORTH KEEPING

"If you can write or speak, you can build."