#ui-design-details
#ui-design-details

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.

fromDesign Systems Report 2026

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.

fromNielsen Norman Group

UX design

Your Design System Needs an Enforcer

19 hours ago

AI and Design System

Design systems should not be created from scratch using AI tools due to their limitations in producing production-ready solutions.

Typography

fromAlicepackarddesign

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.

fromDesign Systems Report 2026

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.

fromNielsen Norman Group

UX design

Your Design System Needs an Enforcer

User interfaces as we know them are dead - 4 ways to prep for 'disposable' UIs

The classic user interface is being replaced by headless systems that deliver disposable, on-demand interfaces driven by AI.

Web frameworks

fromInfoWorld

The front-end architecture trilemma: Reactivity vs. hypermedia vs. local-first apps

Web developers are choosing architectural paradigms for data management, moving beyond traditional library choices.

fromJoshwcomeau

18 hours ago

Scroll-Driven Animations * Josh W. Comeau

The Animation Timeline API makes it possible to create scroll-driven animations in native CSS, which historically required JavaScript. This new API is built on existing CSS primitives, making it elegant and natural to use.

React

22 hours ago

Staff designers aren't about shipping the best work. That's the point.

The transition to Staff or Principal Designer involves unclear expectations and requires preparation for leadership roles in design.

Web design

fromThe Verge

Google's new gradient icon design is coming to more apps

Google is rolling out new gradient icons across its apps, moving away from the flat designs of previous years.

#responsive-design

Typography

The end of responsive images

fromFrontendmasters

Building a UI Without Breakpoints

Breakpoints are outdated; modern design should focus on fluid, intrinsic components instead of fixed viewport widths.

Typography

The end of responsive images

Responsive image markup significantly enhances web performance and user experience, stemming from years of collaborative development efforts.

fromFrontendmasters

Building a UI Without Breakpoints

Breakpoints are outdated; modern design should focus on fluid, intrinsic components instead of fixed viewport widths.

more#responsive-design

Web development

fromCssence

2 years ago

Six levels of dark mode

Dark mode implementation can be achieved through various levels of color scheme switching, starting with simple meta tags.

The most dangerous pronoun in design

Machines are now integral to human experience, offering companionship and support while raising questions about emotional authenticity and design responsibility.

Artificial intelligence

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.

Artificial intelligence

Something big "might" be happening

12 hours ago

The most dangerous pronoun in design

Machines are now integral to human experience, offering companionship and support while raising questions about emotional authenticity and design responsibility.

Artificial intelligence

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.

Artificial intelligence

Something big "might" be happening

Software development

The Accessibility Problem Isn't Design. It's Engineering. | gbbns.co

fromGitHub

Software development

GitHub - fecarrico/A11Y.md: A context system for building accessible software by default - for developers and AI, with enforceable rules aligned to WCAG.

fromA List Apart

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.

The invisible layer of UX most designers ignore

Designers must prioritize screen reader compatibility to ensure accessibility, as users rely on spoken content rather than visual elements.

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.

Software development

fromChris Gibbons

The Accessibility Problem Isn't Design. It's Engineering. | gbbns.co

Accessibility requires specialized front-end expertise, not just checklist compliance.

Software development

fromGitHub

GitHub - fecarrico/A11Y.md: A context system for building accessible software by default - for developers and AI, with enforceable rules aligned to WCAG.

A11Y.md is an accessibility validation protocol ensuring compliance with WCAG 2.2 AA and ADA standards in software development.

fromA List Apart

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.

The invisible layer of UX most designers ignore

Designers must prioritize screen reader compatibility to ensure accessibility, as users rely on spoken content rather than visual elements.

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.

more#accessibility

React

fromwww.jqueryscript.net

Weekly Web Design & Development News: Collective #654

New AI tools and web development resources are highlighted, including GPT-5.5 and various JavaScript and CSS libraries.

fromDigiday

Adobe relies on Firefly to win over creators

Adobe aims for Firefly to become an essential tool for AI-native creators, similar to Photoshop's impact on ad creatives.

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.

Typography

An in-depth guide to customising lists with CSS

Web development

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.

Typography

An in-depth guide to customising lists with CSS

UX design

No AI used

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.

No AI used

The phrase 'No AI used' reflects a commitment to craftsmanship and personal skill in design.

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.

A fantastic voyage, the illusion of good taste, the art of subtraction

Designers are encouraged to redefine product design's influence and vision in 2026 and beyond.

The right touch: mapping AI presence to user intent

Understanding user intent is crucial, but knowing how and when to respond is equally important in AI-driven product design.

UX design

The Future of UI Design is Agentic Design

AI tools are now integral to product design, enabling collaborative UI creation and refinement in tools like Figma.

The right touch: mapping AI presence to user intent

Understanding user intent is crucial, but knowing how and when to respond is equally important in AI-driven product design.

The Future of UI Design is Agentic Design

AI tools are now integral to product design, enabling collaborative UI creation and refinement in tools like Figma.

Context matters... A lot

Large language models excel at tasks but struggle with context, leading to potentially misleading answers despite their capabilities.

Agentic Product Design

AI agents streamline design tasks from research to testing, enhancing efficiency in product design.

4 days ago

The rulebook for designing AI experiences

Responsible AI design varies widely, but frameworks from Microsoft, Google, and IBM provide practical guidance for Human-AI Interaction.

Vibe Coding Myths Debunked

Vibe coding enables anyone to create products using AI, but quality depends on design skills and critical thinking.

#ux-design

The UX Designer's Nightmare: When "Production-Ready" Becomes A Design Deliverable - Smashing Magazine

The role of UX designers is evolving to include technical skills due to AI integration, impacting user experience and design responsibilities.

UX design

The mirage of UX Design's demise keeps coming back

The UX Designer's Nightmare: When "Production-Ready" Becomes A Design Deliverable - Smashing Magazine

The role of UX designers is evolving to include technical skills due to AI integration, impacting user experience and design responsibilities.

The mirage of UX Design's demise keeps coming back

The claim that 'UX Design is dead' reflects deeper anxieties about existence and professional relevance.

Designing with AI without losing your mind

Outsourcing critical thinking to AI tools in design can undermine the quality of solutions and diminish essential skills.

Web design

fromFast Company

Figma takes a hit as Google doubles down on 'vibe design'

Google launches AI-native Stitch design tool with new features including infinite canvas, AI agents, and design system integration to compete in the AI-powered UI design market.

Cooking

Escaping the ennui in UI

AI-driven 'vibedesign' favors shallow aesthetics over craft, urging a return from prompt 'shimmer' to practiced 'friction' and genuine mastery.

UI Design with Gemini 3.1

Google recently released a new AI model, Gemini 3.1, that demonstrates great results in UI and web design tasks. I've already tested this model for web design tasks and in this article, I want to experiment with Gemini 3.1 and generate UI for a mobile application.

Mobile UX

The craft of the instruction

Instructions I created. Instructions I am continuing to hone - instructions that required me to study my own old essays, identifying what I do when I write. The sentence rhythms. The way I move between timescales. The zooming in and out from concept to detail. The instructions tell Claude how I would like ideas composed. I pull together concepts and experiences from my lived expertise to formulate a point of view - in this case, on this new AI technology.

Design

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.

Mobile UX

UI Design Validation with Nano Banana Pro

Early and frequent UI stress testing identifies usability issues before development using image-based tools like Nano Banana Pro and automated prompts.

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.

Design is not just how it works. Design is how it wins.

AI commodifies work, shifting design's mandate from functional excellence to competitive winning as the primary objective.

Web design

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.

fromProtoPie

AI Prototyping Tools: Why Control Matters As Much As Speed

AI prototyping tools enhance design validation by enabling high-fidelity, user-testable prototypes that require refinement beyond initial generation.

Software development

The last interface

AI will make software development so inexpensive that SaaS companies risk self-destruction through commoditization, while simultaneously disrupting the complex user interfaces that knowledge workers depend on daily.

On craft and connivence

Relying on reused, trendy design assets can deliver quick results but leaves work vulnerable when clients demand original, high-stakes creativity.

You're not supposed to get it right

Design challenges for UX writers can be intimidating due to the pressure of making quick, impactful decisions and the emphasis on visual elements.

#design-principles

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.

more#design-principles

Every designer on my team ships the same quality now

Figma's integration of AI agents blurs the line between AI-generated and human-designed outputs, raising questions about the value of design work.

The three thirds

Many mid-career designers feel disillusioned as they reach a ceiling in their careers, realizing the promised growth and impact is limited.

Design debt is now as dangerous as technical debt

Design debt accumulates unnoticed, impacting product decisions and user experience, yet it remains largely untracked compared to technical debt.

Modal vs. Separate Page: UX Decision Tree - Smashing Magazine

Choose modals for high-consequence actions requiring user interaction, and pages for exploratory tasks; most overlays interrupt unnecessarily, making non-modal alternatives preferable by default.

fromblog.logrocket.com

Which UI libraries/frameworks support the Linear aesthetic? - LogRocket Blog

Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.

UX design

The new UX Toolkit: data, context, and evals

AI product experiences are generated probabilistically in real time, requiring UX to design model behavior and system constraints rather than only interfaces.

How to make any text scannable

Most users scan digital pages for specific answers rather than reading every word, so content must surface key information quickly.

The Design Vibeshift

Something's been slowly shifting in the design zeitgeist. I've been watching my feed on X and the vibe has changed. More and more, I see designers sharing finished experiments or prototypes they coded themselves, rather than static Figma files. Moving from working on a canvas to talking to an LLM. The conversation isn't "here's a design I made" anymore... it's "here's something I shipped this afternoon."

UX design

How wrong becomes normal

Dark patterns are intentional deceptive interface designs that manipulate users into actions against their interests by exploiting psychology, urgency, and friction.

fromblog.logrocket.com

Linear vs. non-linear design: Which is better and when? - LogRocket Blog

Minimal doesn't always mean usable. This comparison shows how Linear-style UI keeps contrast, affordances, and structure intact, unlike brutalism's extremes or neumorphism's low-clarity depth effects. Daniel Schwarz Feb 5, 2026 2 min read Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library

UX design

fromFast Company