Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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.

101babich's profile picture

Nick Babich

24,404 subscribers

89,424 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

267,070 görüntüleme • 2 yıl önce

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

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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,524 görüntüleme • 2 yıl önce

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

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 görüntüleme • 2 yıl önce

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

86,025 görüntüleme • 2 ay önce

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,129 görüntüleme • 2 yıl önce

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

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 görüntüleme • 3 yıl önce

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,555 görüntüleme • 2 yıl önce

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,458 görüntüleme • 5 ay önce

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!
0:18

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,032 görüntüleme • 2 ay önce

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

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 görüntüleme • 10 ay önce

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 👇
0:15

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 görüntüleme • 1 yıl önce

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. 👇
0:17

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 5 ay önce

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

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 görüntüleme • 2 yıl önce

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

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 6 ay önce