#ui-ux
Every summary, chronological. Filter by category, tag, or source from the rail.
Apple’s Invisible AI Strategy in iOS 27
Apple is integrating AI directly into existing iOS workflows—such as bill splitting, password management, and notification grouping—to solve specific user problems rather than relying solely on a chatbot interface.
Singles Reject AI for Connection, Accept It for Utility
While 47% of U.S. singles hold negative views toward AI in dating, they remain open to using AI tools for profile optimization and conversation starters, provided the human connection remains authentic.
The Shift Toward User-Controlled AI Recommendation Algorithms
Major social platforms are moving from opaque, one-size-fits-all algorithms to user-tunable systems, leveraging LLMs to allow granular control over feed content.
Using CSS Style Queries for Conditional Theming
CSS style queries allow components to adapt their appearance based on parent-defined custom properties, enabling cleaner, conditional theming without relying on manual modifier classes or JavaScript.
Evaluating Figma AI Agents: Practical Utility and Limitations
Figma AI agents currently excel at generating mobile flows rather than desktop screens, but they struggle to consistently apply local design system variables and styles unless full component libraries are connected.
Building Dynamic Experiences with GenUI and Agentic Workflows
GenUI (Agent-to-UI) enables applications to generate custom user interfaces on-demand using Gemini, allowing for real-time personalization that goes beyond static design.
Google Cloud TechDesigning and Building with AI: A Designer’s Frontend Workflow
A practical look at how designers can own the frontend by using AI agents as a force multiplier, leveraging tools like Conductor and Paper to bridge the gap between visual exploration and production-ready code.
Building Functional Personas with AI for User-Centric Decisions
Move beyond static, demographic-heavy personas by using AI to synthesize research into 'functional' personas focused on user goals, tasks, and objections, then making them interactive via custom chatbots.
Building Interactive 3D Websites with Claude Code
Learn a practical workflow for building high-end, 3D-interactive websites by combining Claude Code, Higgsfield AI for assets, and Vercel for deployment.
UI CollectiveRon Goldin: Design Leadership in the Age of AI
Design leader Ron Goldin argues that AI has transformed design leadership from a management-heavy role into a 'player-coach' model, where leaders use rapid prototyping to win arguments and drive product strategy.
Apple's WWDC Strategy: Prioritizing Foundation Over AI Hype
Apple used its WWDC keynote to address long-standing user frustrations and performance issues before unveiling its AI roadmap, signaling a shift toward stabilizing its core software ecosystem.
Apple Intelligence Expands OS-Level AI Integration
Apple is embedding AI deeper into iOS, enabling cross-app context awareness, natural language workflow automation, and advanced generative photo editing.
Fixing AI Design Drift with Code-Based Design Systems
AI agents often reinvent UI components in every session, leading to inconsistent 'design drift.' The solution is to move design systems out of static mockups and directly into your codebase as a single source of truth that agents are instructed to reference.
Brian CaselBrian Chesky to Launch AI Lab Focused on Design and Interaction
Airbnb CEO Brian Chesky is establishing an independent AI lab to explore new user interfaces and design paradigms, signaling a shift from advisor to direct competitor in the AI space.
Beyond Static Components: The Future of Generative UI
Current agent UIs rely on static components, but LLMs are now capable of generating high-fidelity, accessible frontend code on the fly. The future lies in sandboxed, collaborative generative interfaces delivered via protocols like MCP.
AI EngineerAccelerating Design Workflows with ChatGPT and Codeex
Designers can significantly speed up ideation and prototyping by using ChatGPT for visual inspiration and Codeex for efficient, token-saving code generation that integrates with design systems.
UI CollectiveArchitecting Cost-Efficient Multimodal AI for Fashion
Whering scales its AI-driven fashion app by balancing high-compute features with cost-efficient model selection, prioritizing user-centric UX, and shifting from full wardrobe digitization to incremental value delivery.
Google Cloud TechAndy Madrick: Owning the Last Mile of Design in the AI Era
Designers should stop treating Figma as the ultimate source of truth and start owning the final 10-20% of frontend polish in code, using AI to bridge the gap between design intent and production reality.
Dive ClubModern Web UI: New CSS and Browser Primitives
The web platform is evolving to support high-quality, native-feeling experiences through new CSS functions like contrast-color(), element-scoped view transitions, and improved accessibility primitives.
Chrome for DevelopersScaling Multi-Modal AI for Consumer Fashion Apps
Whering, a fashion-tech app, uses multi-modal AI to digitize wardrobes and provide personalized styling, balancing high-compute features with user-centric UX and strategic paywalls.
Fixing Iframe Transparency Issues on Dark-Mode Sites
Chrome extension iframes often render a white background on dark-mode sites because the browser defaults to a light color-scheme. Setting 'color-scheme: light dark' or 'only light' on the iframe's root element forces the browser to respect your intended transparency.
5 Underrated CSS Properties for Better UI Control
Improve your CSS layouts and typography with these five practical properties: counters for auto-numbering, user-select for interaction control, tabular-nums for data alignment, multi-column for responsive text, and advanced text-decoration styling.
Figma Launches AI Agent for Collaborative Design
Figma has introduced an AI agent within its collaborative canvas that uses natural language prompts to generate designs, iterate on concepts, and automate tedious tasks.
Google Overhauls Gemini App into Multimodal AI Hub
Google is transforming the Gemini app from a chatbot into an agentic, multimodal hub featuring a redesigned interface, 24/7 background agents, and native video generation.
Solving Element Anchoring with the CSS Anchor Positioning API
The CSS Anchor Positioning API provides a robust, native way to tether elements like tooltips to dynamic anchors, replacing fragile absolute positioning hacks that break when elements resize or move.
Smashing MagazineBulletproof CSS Color Systems with contrast-color()
Use contrast-color() to auto-pick white or black text for any background, combined with private custom properties for fallbacks and color-mix() for dynamic hovers that adapt to light/dark modes.
Kevin PowellDeepMind's 4 Principles for Contextual AI Pointers
DeepMind's Gemini-powered mouse pointer captures visual/semantic context at cursor to enable natural pointing + speech interactions, guided by 4 principles that eliminate prompt-heavy AI detours.
AI Mockups Free Teams for System-Level Design
AI enables anyone to generate mockups in minutes, shifting focus from pixel layouts to crucial discussions on data structures, feature relationships, and user mental models for product coherency.
Dessn: Design Prototypes in Live Cloud Codebases
Dessn runs existing codebases in the cloud with zero setup, letting designers prompt AI iterations directly in production for seamless dev handoffs—raised $6M to prioritize design as code commoditizes.
Shopify Shop's Big Design Bets: Vision, AI, Craft
Katarina Batina explains how Shopify's Shop app thrives by prioritizing bold visions like low-density feeds and AI prototypes over strict metrics, fostering delight through cross-functional craft sprints.
Showing 30 of 138