Dealing with Dependencies Inside Design Systems
Decomposing Features to Master Change Up the Chain
How To Make Your Design System AI-Ready — Smashing Magazine
Practical guide on how to reduce drifts, minimize mistakes, maintain context, and improve the quality of AI-generated prototypes. Brought to you by Design Patterns For AI Interfaces, **friendly video course on UX** and design patterns by Vitaly.
Expose your design system to LLMs
LLMs drift, fabricate tokens, and start every session from scratch. Here's how to feed your design system to AI coding agents so they stop guessing.
AI Design System: How to Build One for People, Code, and AI
An AI design system needs more than tokens sitting in Figma and code. It needs the logic behind each token written down where the tool can reach it.
Design Systems That Document AI
26 design systems to learn from
Components
An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
NameThatUI — What Is This UI Element Called?
See the UI element, learn its real name and API symbol, and copy a precise prompt for your coding agent.
Color-Names: All the 18k color names from the color-name-list API
Open Visualization Academy
Base Design System
The Base design system defines the foundations of user interfaces across Uber's ecosystem of products & services. It brings all Uber experiences together under a single, unified framework.
How To Make Your UX Research Hard To Ignore — Smashing Magazine
Research isn’t everything. Facts alone don’t win arguments, but powerful stories do. Here’s how to turn your research into narratives that inspire trust and influence decisions.
Decision Trees For UI Components — Smashing Magazine
Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com).
DesignSystems.one | Design Systems Resource Hub
Free design system tools, tutorials, and resources for building consistent, accessible UIs.
Expose your design system to LLMs
LLMs drift, fabricate tokens, and start every session from scratch. Here's how to feed your design system to AI coding agents so they stop guessing.
Wise Multi-Brand Design System — Case Study
How Ness Grixti restructured Wise's design tokens to support multiple brands and platforms — a case study in scalable token architecture.
Design Token Naming Convention Tool
Design Token Naming Convention Tool
Research Practice | Bookmarks
A collaborative AI workspace, built on your company context. Build and orchestrate agents right alongside your team's projects, meetings, and connected apps.
The Delicate Art of Interviewing Stakeholders
A practical guide for conducting the most important interview on your design project.
Visualizing the systems behind our designs
Tangible systems thinking that goes beyond buttons
Choosing the right collection component | redwood.oracle.com
Designing Nested Tables: The UX of Showing Complex Data Without Creating Chaos
Nested tables have a bit of a reputation. They’re often seen as messy or overwhelming, but when used thoughtfully, they can actually help…
Removing Nested Modals From Digital Products
Looking into the root problems and offering alternative UX patterns.
This article is part of my Little UX Lessons Series.
Claude Code for Designers: A Practical Guide
A Step-by-Step Guide to Designing and Shipping with Claude Code
Using safe-area-inset to build mobile-safe layouts | Polypane
Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…
Nathan Beck, digital product designer based in Amsterdam | The death of design
The end of responsive images
Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web.
Designing for clarity: How we restructured Intercom’s information architecture
Learn how we simplified the Intercom navigation, enhanced the user experience, and created space for AI innovation.
How to redesign, step by step
Avoid pitfalls and deliver value fast
Users Don’t Hate Change. They Hate Our Design Choices. | LinkedIn
A message appeared to users at the top of the screen that was deep in the administration system for Google’s G-Suites apps. It read “The new User management feature has more efficient workflows, time-saving features, insights about account issues and so much more.