Designator

What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More

Sibling-index() function enables animations and is soon to be baseline with Firefox 154 release.

31 Jul2 min read

CSS-Tricks

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.

15 Jul3 min read

CSS-Tricks

What’s !important #14: Gap Decorations, random(), field sizing, and More

Developers explore CSS Gap Decorations, random(), and field sizing in recent experiments and tutorials.

A smaller screen needs a different story

Adapting a website for mobile often requires a different design approach, not just making elements smaller.

Everyone’s a thought leader. Almost no one is thinking.

Most people on LinkedIn strive to be thought leaders, but few actually think, instead relying on AI-generated content.

AI in Design Report 2026

Designers are rebuilding their tools, craft, and teams around AI in 2026.

The interface is no longer the product

The interface is no longer the product, as AI agents will interact with apps rebuilt around structured representations.

After automation

AI automation paradoxically creates more, not less, work for humans by commoditizing explicit expertise and increasing demand for unique human contributions.

html.to.design — New Chrome extension feature

A Chrome extension converts websites into fully editable Figma designs with a companion Figma plugin.

Defense against dishonest charts

Understanding chart anatomy and visual encodings helps defend against dishonest charts.

theSVG

TheSVG offers a free open-source library of over 6,030 brand SVG icons for developers and designers.

How the pursuit of optimisation reshaped art, aesthetics and us

The pursuit of optimisation has reshaped art and aesthetics, prioritising frictionlessness and legibility in design.

A catechism for robots

A catechism for robots outlines guidelines for artificial intelligence to make decisions and interact with humans in a helpful and ethical manner.

The text is not the product

Academia's focus on text production is being reevaluated due to generative AI's ability to create coherent text.

Emotion Explorer

Emotions are mapped on a valence-arousal space for exploration.

Still Night: A painting you can play

Researchers found that brightness in colors and sounds evokes similar emotional responses, with bright colors and sounds feeling happier and darker ones feeling sadder.

The duality of language models in the browser

Small language models in browsers offer a private and energy-efficient alternative to large models.

How to make Claude Code follow your design system in Figma

Claude Code can follow a design system in Figma by binding values to it through specific skills.

AI slop is killing online communities

AI-generated content is flooding online communities with low-quality work, driving up noise and making valuable content harder to find.

14 May9 min read

Feedback Wizard

Feedback Wizard is a Figma plugin that provides AI-generated design feedback to improve UX and UI designs.

Motiff

Motiff is an AI-powered UI design tool featuring automated tasks and collaborative interface design capabilities.

Loop

Loop is a macOS application that streamlines window management, allowing users to move, resize, and arrange windows efficiently using a customizable radial menu.

Uimagine.io

Uimagine.io generates design and code from ideas through AI prompts, creating working React components from text or screenshots.

Trae

ByteDance launches Trae, an adaptive AI-powered code editor similar to Cursor.