#ui-controls

[ follow ]
#view-transitions
Web development
fromCSS-Tricks
9 hours ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
Web development
fromCSS-Tricks
9 hours ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
#claude-code
Graphic design
fromMedium
1 hour ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
UX design
fromMedium
5 days ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
Graphic design
fromMedium
1 hour ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
UX design
fromMedium
5 days ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
#shadcn
Angular
fromMedium
1 day ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
Angular
fromMedium
1 day ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
#ai
Artificial intelligence
fromMedium
2 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
fromTechCrunch
4 days ago
Startup companies

Sierra's Bret Taylor says the era of clicking buttons is over | TechCrunch

The future of software interaction will shift from traditional interfaces to natural language prompts, enabling users to create agents autonomously.
UX design
fromMedium
1 day ago

The trust-latency gap: why the future of UX is intentionally slower

AI chat assistants use word-by-word responses to build anticipation and enhance user trust.
Artificial intelligence
fromMedium
2 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
Software development
fromTheregister
1 day ago

I vibe coded web app: It was enlightening and uncomfortable

Vibe coding effectively utilizes AI for coding tasks, despite concerns about responsibility and the implications of AI technology.
Startup companies
fromTechCrunch
4 days ago

Sierra's Bret Taylor says the era of clicking buttons is over | TechCrunch

The future of software interaction will shift from traditional interfaces to natural language prompts, enabling users to create agents autonomously.
UX design
fromMedium
1 day ago

The trust-latency gap: why the future of UX is intentionally slower

AI chat assistants use word-by-word responses to build anticipation and enhance user trust.
Marketing tech
fromForbes
11 hours ago

How AI Interfaces Are Reshaping Discovery, Trust And Decision Making

The traditional home page is losing its significance as AI assistants reshape how users interact with brands online.
#css
JavaScript
fromRubyflow
5 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
JavaScript
fromRubyflow
5 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
#creativity
Music production
fromFast Company
5 days ago

'We make people feel something as a result of our work:' Figma's chief design officer on how to build impactful technology

Creativity and music have profoundly influenced Loredana Crisan's career, shaping her approach as Chief Design Officer at Figma.
Music production
fromFast Company
5 days ago

'We make people feel something as a result of our work:' Figma's chief design officer on how to build impactful technology

Creativity and music have profoundly influenced Loredana Crisan's career, shaping her approach as Chief Design Officer at Figma.
fromYanko Design - Modern Industrial Design News
6 days ago

Your Phone Has 12 Calendar Apps. None of Them Look Like This - Yanko Design

The 1970s were a sweet spot in product design, especially in France, where makers were beginning to marry natural materials like wood with the new optimism of plastic.
Design
#design
Web design
fromLukew
4 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
6 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
Web design
fromLukew
4 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
6 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
Angular
fromGitHub
5 days ago

GitHub - Aejkatappaja/phantom-ui: Structure-aware skeleton loader. One Web Component, every framework.

phantom-ui automates skeleton screen generation by measuring the DOM, eliminating the need for separate skeleton components.
Software development
fromMedium
6 days ago

The Best Way To Plan Work With Claude Code

Ultraplan enhances Claude Code's planning capabilities by enabling multi-agent task planning without blocking the current session.
UX design
fromMedium
2 days ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
#ux-writing
UX design
fromMedium
1 day ago

Most products don't need tone of voice - they need a point

Focus on practical content that aids user tasks rather than on tone or personality.
UX design
fromMedium
1 week ago

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.
UX design
fromMedium
1 day ago

Most products don't need tone of voice - they need a point

Focus on practical content that aids user tasks rather than on tone or personality.
UX design
fromMedium
1 week ago

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.
UX design
fromMedium
11 hours ago

The erosion of design authority, burnout problems, invisible customers

Vibe coding is reshaping design authority by bridging the gap between description and interaction.
DevOps
fromMedium
3 weeks ago

System Design - Designing Intelligent UIs as MCP Client

MCP is a standardized interface enabling AI models to dynamically discover and invoke tools, APIs, and capabilities through schema-driven contracts rather than hardcoded integrations.
#design-systems
UX design
fromFigma
1 month ago

How to Supercharge your Design System with Slots | Figma Blog

Slots enable design systems to balance consistency with flexibility by allowing designers to customize components dynamically without detaching instances, reducing variants and maintenance while preserving system integrity.
UX design
fromNielsen Norman Group
1 month ago

Your Design System Needs an Enforcer

A design-system enforcer ensures system adoption, integrates improvements back into the system, and resolves conflicts to maintain consistency and organization-wide design integrity.
UX design
fromMedium
1 year ago

Design System Success with AI Coding Assistants

Ensure AI coding assistants apply a composable, modular design system using centralized tokens, versioned components, clear dependencies, testing, and documentation.
Typography
fromAlicepackarddesign
3 weeks ago

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.
UX design
fromDesign Systems Report 2026
1 week ago

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.
UX design
fromMedium
1 week ago

Agentic AI, Design Systems & Figma: A Practical Guide.

Designers now have unprecedented creative control over components in design systems, enabling machines to utilize existing designs effectively.
UX design
fromFigma
1 month ago

How to Supercharge your Design System with Slots | Figma Blog

Slots enable design systems to balance consistency with flexibility by allowing designers to customize components dynamically without detaching instances, reducing variants and maintenance while preserving system integrity.
UX design
fromProtoPie
1 week ago

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.
fromInfoWorld
4 days ago
UX design

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
UX design
fromMedium
6 days ago

Beyond the user: why design needs to widen its circle

Human-centered design must evolve to consider ecological impacts alongside user comfort and needs.
UX design
fromMedium
1 week ago

The UX ground is shaking, synthetic users, building perspective

A clear design perspective is crucial; it defines what to exclude, ensuring focus on what truly matters.
Software development
fromMedium
1 month ago

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.
UX design
fromMedium
1 week ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
Web development
fromFlorianschulz
1 month ago

Design Engineering 101: Typeahead

Typeahead features suggest text completions as users type, with two variants: dimmed text and highlighted text with additional styling, requiring custom implementation beyond standard HTML elements.
fromMedium
1 month ago

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
Cooking
fromMedium
1 month ago

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.
Philosophy
fromMedium
3 months ago

Complex

Complex domains are often guarded as exclusive, but clear simple explanations allow non-experts to understand and contribute across diverse technical fields.
#figma
fromMedium
2 months ago

Design tokens with confidence

Design tokens are all your design decisions, that define a design system's aesthetic properties, everything from colors and font sizes to spacing units and border radii. They are the modern evolution of hard-coded values. They are stored in a central, platform-agnostic repository, establishing a single source of truth for your entire digital product suite. This central management allows teams to consume the exact same design values across all platforms (web, native apps, documentation).
Design
#ux-design
UX design
fromMedium
2 weeks ago

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.
UX design
fromMedium
2 weeks ago

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.
Mobile UX
fromMedium
1 month ago

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.
UX design
fromMedium
2 weeks ago

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.
Graphic design
fromMedium
1 month ago

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.
fromMedium
1 month ago

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
UX design
fromMedium
2 weeks ago

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.
UX design
fromSmashing Magazine
2 weeks ago

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.
UX design
fromSmashing Magazine
3 weeks ago

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.
#ai-generated-ui
fromblog.logrocket.com
2 months ago

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
#ai-design-tools
fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

UX design
fromMedium
2 months ago

Design tokens with confidence

Aligning design tokens with the W3C standard creates a platform-agnostic single source of truth that propagates updates consistently and reduces maintenance and visual regressions.
UX design
fromMedium
2 months ago

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.
#figma-make
#ux-engineering
UX design
fromMedium
2 months ago

5 Common Mistakes That Are Silently Killing Your Product

Small, common UI/UX design choices create friction, erode trust, and reduce engagement, but a simple checklist and small fixes can restore flow and user trust.
fromMedium
2 months ago

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
UX design
fromMedium
2 months ago

UI Style Exploration with Nano Banana Pro

Visual styles shape product feel, affordances, and interface intent; studying historical OS design reveals visual hierarchy, interaction patterns, and emotional tone.
UX design
fromMedium
2 months ago

UI Style Exploration with Nano Banana Pro

Visual styles shape product feel, interpret affordances, and communicate interface intent; studying past OS design languages reveals visual hierarchy, interaction patterns, and emotional tone.
[ Load more ]