Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

UI Design Tips Collection of practical design tips for popular UI components—from call-to-action buttons & cards to menus & modal windows. Every recommendation is provided in a do and don't format.

Nick Babich

24,404 subscribers

89,424 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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.

Nick Babich

267,070 views • 2 years ago

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

Nick Babich

71,556 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 →

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.

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

Nick Babich

221,524 views • 2 years ago

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.

Nick Babich

57,897 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 💜

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 🦄🦓

86,025 views • 2 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.

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,129 views • 2 years ago

7. Design Services Offer logo, web, & UI/UX design services and use tools like Midjourney & Framer to create designs for your clients.

Mark Gadala-Maria

26,709 views • 3 years ago

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

Nick Babich

78,555 views • 2 years 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. 🧵 ⤵

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,458 views • 5 months ago

Means & Methods is now live on A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!

Means & Methods is now live on A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!

joshpuckett

701,083 views • 2 months ago

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

Pietro Schirano

21,366 views • 10 months ago

Recently discovered Brawl Stars' mobile game UI design file! (thanks to dcgy | elfa.ai) In-game UI is very challenging to get right, and Brawl Stars has nailed it imo. This is too good of a gem to not share. Link to file below, you can also find this via Figma's Community 👇

Recently discovered Brawl Stars' mobile game UI design file! (thanks to dcgy | elfa.ai) In-game UI is very challenging to get right, and Brawl Stars has nailed it imo. This is too good of a gem to not share. Link to file below, you can also find this via Figma's Community 👇

cw

88,456 views • 1 year ago

You asked and we listened! For years, the community has been asking for a new design in Home Assistant. Something modern and timeless, something to match the power of the platform. We’re pleased to announce that an improved UI trial is now available. 👇

You asked and we listened! For years, the community has been asking for a new design in Home Assistant. Something modern and timeless, something to match the power of the platform. We’re pleased to announce that an improved UI trial is now available. 👇

Home Assistant

34,529 views • 4 months ago

HEROBRINE UPDATE After taking in community feedback from the original remodel, we decided to go back and do a revision of Herobrine’s design. Huge thanks to Mini & anki for the revisions. #BLOCKBOUND

HEROBRINE UPDATE After taking in community feedback from the original remodel, we decided to go back and do a revision of Herobrine’s design. Huge thanks to Mini & anki for the revisions. #BLOCKBOUND

BLOCKBOUND

57,052 views • 5 months ago

Introducing the Tiffany & Arsham Studio & Pokémon capsule collection. A display of the unparalleled creativity, artistry and design the House is known for, this collaboration with #DanielArsham reinforces our connection to contemporary art and pop culture:

Introducing the Tiffany & Arsham Studio & Pokémon capsule collection. A display of the unparalleled creativity, artistry and design the House is known for, this collaboration with #DanielArsham reinforces our connection to contemporary art and pop culture:

Tiffany & Co.

61,486 views • 2 years ago

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that gets UI design.

Michael G

38,830 views • 4 months ago

wow.. this new AI agent for UI design is crazy I just use HeroUI to create a fully functional project management app in mins using only text prompts test link below, reply "prompts" I’ll send you the full prompt + tricks tutorial & examples:

wow.. this new AI agent for UI design is crazy I just use HeroUI to create a fully functional project management app in mins using only text prompts test link below, reply "prompts" I’ll send you the full prompt + tricks tutorial & examples:

el.cine

628,740 views • 1 year ago

I built this landing page inside Lovable in UNDER 15 minutes. Here’s the workflow: • Dribbble for design inspiration • Use SnapPrompt GPT for the prompt • 21st dev for UI components If you want the FULL video on my EXACT workflow, comment “LOVABLE” and I’ll send it to you

I built this landing page inside Lovable in UNDER 15 minutes. Here’s the workflow: • Dribbble for design inspiration • Use SnapPrompt GPT for the prompt • 21st dev for UI components If you want the FULL video on my EXACT workflow, comment “LOVABLE” and I’ll send it to you

Prajwal Tomar

45,883 views • 6 months ago