Nick Babich's banner
Nick Babich's profile picture

Nick Babich

@101babich24,276 subscribers

Product designer. Editor-in-chief of @uxplanet

Shorts

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

266,586 views

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.

221,389 views

Color scale generator The tool helps build a color palette. It generates tints and shades based on the primary color you provide. You can play with darkness and lightness, as well as angle and saturation of colors.

Color scale generator The tool helps build a color palette. It generates tints and shades based on the primary color you provide. You can play with darkness and lightness, as well as angle and saturation of colors.

213,688 views

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

142,013 views

Create beautiful moving gradients ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.

Create beautiful moving gradients ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.

103,958 views

Checklist Design A collection of 50 checklists for UI components, pages and user flows. Each checklist helps you to consider the different states of a component and scenarios when you take a user from A to B. 🖊️ by George Hatzis

Checklist Design A collection of 50 checklists for UI components, pages and user flows. Each checklist helps you to consider the different states of a component and scenarios when you take a user from A to B. 🖊️ by George Hatzis

78,468 views

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

71,521 views

💎 Beautifully designed decks, slides & keynotes Deck gallery is a curated collection of deck design inspiration

💎 Beautifully designed decks, slides & keynotes Deck gallery is a curated collection of deck design inspiration

57,970 views

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.

57,897 views

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

56,054 views

Inspiration for slide deck design Deck Gallery is a curated collection of designed decks, slides, and keynotes. Browse through various types of slides, from product pitches to guidelines.

Inspiration for slide deck design Deck Gallery is a curated collection of designed decks, slides, and keynotes. Browse through various types of slides, from product pitches to guidelines.

53,716 views

Chart Design Dos and Don'ts Practical recommendations from the Salesforce team for designing popular chart types like bar, line, plot, and scatter.

Chart Design Dos and Don'ts Practical recommendations from the Salesforce team for designing popular chart types like bar, line, plot, and scatter.

50,793 views

Open Design System Repository Discover 40+ open design systems that come with UI kits for Figma.

Open Design System Repository Discover 40+ open design systems that come with UI kits for Figma.

40,160 views

Landing Pages Explained Collection of leading SaaS and creator landing pages with expert explanations of the techniques used to increase conversion.

Landing Pages Explained Collection of leading SaaS and creator landing pages with expert explanations of the techniques used to increase conversion.

33,111 views

Online chart maker Graphy is a free chart-maker tool for slick, interactive data visualizations. You can use real data for your chart. All popular charts are supported (bar, line, pie, funnel, heatmap).

Online chart maker Graphy is a free chart-maker tool for slick, interactive data visualizations. You can use real data for your chart. All popular charts are supported (bar, line, pie, funnel, heatmap).

10,871 views

Videos

101babich's profile picture

AI instead of UI The last few years radically changed how we think about digital products & product design process in general. What we are witnessing right now is a transition where AI is no longer just a feature; it is becoming the infrastructure of interaction. For decades, UI design was rooted in the concept of “Happy Path,” a series of static, linear screens (routes from A to B) designed to funnel users toward a goal. This “one-size-fits-all” approach assumes that all users have the same mental model, which is far from the truth. The rise of AI tools like ChatGPT and Gemini is showing that we are moving into an era of Generative Interfaces. Instead of a designer pre-determining every button and menu, the interface is synthesized in real-time based on user actions. Back in 2019, Gleb Kuznetsov and I were working on the concept of morphing Interface, the idea of a UI that adapts its structure based on user intent. The great thing about this UI is that it was highly dynamic: different users saw different content/contextual actions based on their behavior. This concept was crazy in 2019, but it is highly relevant to the modern state of the product design process. And I strongly believe that it represents the future of UI design. We will move beyond the “AI chatbox" crutch Yes, many products today treat AI as a sidecar (think of Copilots or chatbots pinned to the side of a traditional dashboard), but this is a transitional phase. Why? Because adding a chat window to a 20-year-old software layout is like putting a jet engine on a horse-drawn carriage. That's why the future isn't "AI as an add-on"; it is AI as the Operating System. AI will power generative interfaces that are rooted in anticipatory design: UI won’t wait for a command; it will surface tools based on the user's current environmental context and historical behavior. This evolution changes the very nature of product design, and we will move away from designing pages/screens and toward designing systems of logic.

Nick Babich

53,178 views • 4 months ago

No more content to load