Loading video...

Video Failed to Load

Go Home

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

101babich's profile picture

Nick Babich

24,373 subscribers

71,556 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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
0:13

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

Nick Babich

78,544 views • 2 years ago

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →
0:14

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 views • 2 years ago

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

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

Nick Babich

221,415 views • 2 years ago

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.
0:16

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.

Nick Babich

266,750 views • 2 years ago

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜
0:14

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

Abraham John 🦄🦓

85,632 views • 2 months ago

just updated ui-skills: It's now a collection of the best skills for design engineering
0:12

just updated ui-skills: It's now a collection of the best skills for design engineering

Ibelick

67,982 views • 3 months ago

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.
0:14

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.

Nick Babich

56,067 views • 2 years ago

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

100,695 views • 20 days ago

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,916 views • 2 years ago

Good to know: MinMax-M2 is one of the best model at UI design 👀 (it’s open source!)
0:13

Good to know: MinMax-M2 is one of the best model at UI design 👀 (it’s open source!)

Victor M

36,124 views • 9 months ago

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵
0:19

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook

169,348 views • 4 months ago

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.
0:19

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.

andres

159,510 views • 4 months ago

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:
0:19

We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here:

Mike Bespalov

14,805 views • 5 months ago

Must-know open-source tools for coders and makers - open source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization components
0:14

Must-know open-source tools for coders and makers - open source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization components

Csaba Kissi

48,242 views • 1 month ago

UI/UX Designers, I recently discovered a website where you can easily get free access to hundreds of high quality SVG Logo for your next UI design project Video Created by → Robert @ nuova Website →
0:18

UI/UX Designers, I recently discovered a website where you can easily get free access to hundreds of high quality SVG Logo for your next UI design project Video Created by → Robert @ nuova Website →

Abraham John 🦄🦓

74,878 views • 2 years ago

[tky_in_dev] 44.UI Design メニュー画面や操作部分のUIデザイン シンプルですが、少しだけ主張のあるテイストを目指しています UI design of the menu screen and controls. Aiming for a simple, but with a taste that leaves an impression. #gamedev #UI #tky_stories
0:17

[tky_in_dev] 44.UI Design メニュー画面や操作部分のUIデザイン シンプルですが、少しだけ主張のあるテイストを目指しています UI design of the menu screen and controls. Aiming for a simple, but with a taste that leaves an impression. #gamedev #UI #tky_stories

Tokyo Stories Game (in dev.)

17,820 views • 1 year ago

I think this may be one of the last traces of Jobs-era Mac OS X design Favourites go poof! 💨 I miss the whimsy in UI design, in everything really
0:15

I think this may be one of the last traces of Jobs-era Mac OS X design Favourites go poof! 💨 I miss the whimsy in UI design, in everything really

Mysk 🇨🇦🇩🇪

124,982 views • 5 months ago

This Google Search UI ruins the experience of using a Pixel phone. Android Developers Android Made by Google Material Design
0:15

This Google Search UI ruins the experience of using a Pixel phone. Android Developers Android Made by Google Material Design

Pixel UI by Google

14,222 views • 4 months ago

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)
0:18

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

368,004 views • 3 months ago