Design News
Product design, UX research, visual design trends, and design tool updates for the tech industry.
31 articles
Config India 2026: Figma product launch keynote (Dylan Field, CEO & Co-founder, Figma)
Figma CEO Dylan Field reveals the latest product updates and vision for collaborative design tools at Config India 2026.
Figma for Edu: Working with typography systems
Learn to build scalable typography systems in Figma using variables and modes for consistent, theme-aware designs.
How to use Component variables in Framer
Learn how to use Component variables in Framer to create flexible component instances without managing multiple Variants.
Using Kirigami Techniques to Make Functional Designs
Matthew Lim demonstrates kirigami techniques to create functional 3D designs that fold flat, including phone grips and side tables without hardware or adhesives.
Slim Type for Small Screens, with PixelFonts
PixelFonts is a family of condensed fonts optimized for small, low-resolution displays, maximizing text density while maintaining readability.
How to use Component Variants in Framer
Learn how to create and manage Component Variants in Framer to organize alternate styles, layouts, and interactive states in reusable components.
The Commodore 64 Keyboard Font, For Everyone
A developer has digitized the iconic Commodore 64 keyboard font by tracing it from photographs and released it as a vector font on GitHub.
Google Wallet rolling out stacked card list redesign on Android
Google Wallet on Android gets a stacked card list redesign for easier credit and debit card access.
Prompt as self-portrait, De-slopifying your designs, The strategic designer
Weekly design resources exploring prompting as self-reflection, design refinement, and strategic thinking in the age of AI.
The building was there first
An exploration of how design style shapes perception and creates mental categories in viewers, beyond the physical artifacts it produces.
5 ways to use skills in your Framer projects
Tutorial exploring 5 practical Skills in Framer for customizing design workflows, including effects, design systems, brand voice, and Rem.
Release Notes 2026: September Edition | Figma
Figma releases Motion updates with custom animation styles, audio/text animations, and AI agent integration for automated design workflows.
Give one Component multiple states with the Agent
Learn how to create and manage Components in Framer to keep UI elements like buttons and cards consistent across projects using the Agent.
Build layouts that resize correctly in Framer
Master Framer's sizing modes to build responsive layouts that adapt correctly across different viewports and screen sizes.
![Google combines Material 3 Expressive & Liquid Glass on the iPhone [Gallery]](/_next/image?url=https%3A%2F%2F9to5google.com%2Fwp-content%2Fuploads%2Fsites%2F4%2F2026%2F03%2FLiquid-Glass-dock-on-iPhone-17-Pro-Max.jpg%3Fquality%3D82%26%23038%3Bstrip%3Dall%26%23038%3Bw%3D1600&w=3840&q=75)
Google combines Material 3 Expressive & Liquid Glass on the iPhone [Gallery]
Google integrates Liquid Glass and Material 3 Expressive design language into iOS apps, bringing translucent UI elements to iPhone.
Big Pixel VIPs widget redesign starts rolling out
Google rolls out the redesigned Pixel VIPs widget following the version 2.0 update announced in September Feature Drop.
Generate responsive breakpoints with the Agent
Learn to create responsive breakpoints in Framer using AI agents or manual controls for seamless desktop-to-mobile layouts.
4 Figma Motion tricks worth stealing | Show Your Work
Learn advanced animation techniques from Figma Motion designers, including layered animations, shader effects, and AI-assisted motion design.
Introducing Skills: Teach the Framer Agent to design more like you and your team
Framer introduces Skills, a feature that teaches the Framer Agent to design according to your team's style, design system, and workflows.
Design responsive layouts that work on every screen
Learn responsive design techniques in Framer, including flexbox layouts, element stacking, and hierarchy preservation across all screen sizes.
Figma Motion basics: Use shaders in your animations
Learn how to animate shaders in Figma Motion using keyframes to create visual effects like patterns, gradients, and textures.
Overtime Episode 082: Origins of the Apple Store w/ special guest Ron Johnson
Former Apple SVP Ron Johnson discusses the origins and strategy behind the iconic Apple Store retail experience in this interview.
Tips To Model Your Next CNC Cabinet in CAD Before Buying Anything
CNC cabinet builder demonstrates the importance of CAD modeling before purchasing parts, highlighting practical tips for avoiding costly mistakes.
Test Complex Interactions Earlier with AI Prototyping
AI tools enable designers to build fully interactive prototypes of complex interfaces faster, allowing user testing earlier in the design process before development.
Framer Design Agents — Cannonball
Framer launches Design Agents to automate technical work and help designers build production-ready websites faster while maintaining creative control.
Using AI for UX Work: Study Guide
Study guide on integrating AI tools into UX workflows, emphasizing AI as an assistant rather than a replacement for human designers.
The Custodial Era of UX: Cleaning Up After AI
As AI accelerates design output, UX professionals must shift to evaluating and refining AI-generated work rather than designing from scratch.
AI Can't Replace Real Research in Empathy Mapping
Nielsen Norman Group argues that AI cannot replace actual user research in empathy mapping, though it can help organize existing data.
AI-Generated Images Can Perform as Well as Stock Photography
Study finds AI-generated images perform equally well as stock photography when users don't know their origin, showing no perception penalty for trustworthiness or professionalism.
Artificial Intelligence: Glossary
Plain-language glossary of AI terminology for product and design professionals, covering tokens, context windows, agents, evals, and prompt injection.
Designing With Uncertainty: How AI Supercharges Probabilistic Thinking
Explores how designers can embrace probabilistic thinking when working with AI, treating predictions as signals rather than certainties to build safer, more adaptive products.