Загрузка видео...

Не удалось загрузить видео

На главную

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.

101babich's profile picture

Nick Babich

24,279 subscribers

57,897 просмотров • 2 лет назад •via X (Twitter)

ИскусствоОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇
0:12

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇

bolt.new

66,885 просмотров • 10 месяцев назад

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

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

Nick Babich

40,160 просмотров • 2 лет назад

I created so many design systems this year and kept creating the same tokens over and over. So, I’m creating this tiny Figma plugin to solve the 'blank canvas' problem. Here small test demo to create color and text tokens 🛠️
0:19

I created so many design systems this year and kept creating the same tokens over and over. So, I’m creating this tiny Figma plugin to solve the 'blank canvas' problem. Here small test demo to create color and text tokens 🛠️

vijay verma

49,588 просмотров • 1 год назад

Still waiting for a Figma slot so I can replace these components used in new Kigen design system. Releasing soon...
0:16

Still waiting for a Figma slot so I can replace these components used in new Kigen design system. Releasing soon...

vijay verma

27,563 просмотров • 4 месяцев назад

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers
0:11

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers

edwin

45,069 просмотров • 2 месяцев назад

Figma just upgraded their UI for Design Systems
0:10

Figma just upgraded their UI for Design Systems

Zander Whitehurst

12,705 просмотров • 4 месяцев назад

A Guide to Interior Design Styles
0:19

A Guide to Interior Design Styles

Interior Design Architecture

29,644 просмотров • 4 месяцев назад

So I delivered🙌🏾. My Road Guide to Understanding Design Systems - is available now on Gumroad. Packed with 156 resources on everything you need to get started with design systems. I hope this helps someone out there 💜. You can get it here:
0:16

So I delivered🙌🏾. My Road Guide to Understanding Design Systems - is available now on Gumroad. Packed with 156 resources on everything you need to get started with design systems. I hope this helps someone out there 💜. You can get it here:

David Fayemi

41,662 просмотров • 2 лет назад

Anyone can launch a new product. But creating a winning product? That takes strategy. Give me 20 seconds, and I’ll show you how. Comment 'Launch' to get instant access to my newsletter with a complete guide on launching your product
0:16

Anyone can launch a new product. But creating a winning product? That takes strategy. Give me 20 seconds, and I’ll show you how. Comment 'Launch' to get instant access to my newsletter with a complete guide on launching your product

Kody Nordquist

12,902 просмотров • 1 год назад

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,586 просмотров • 2 лет назад

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

218,728 просмотров • 2 месяцев назад

AI Design Field Guide Interview #2 - nate parrott !! Includes some 🌶️ like "there's no way that people are actually going to be designing software in the future in a tool like Figma"
0:14

AI Design Field Guide Interview #2 - nate parrott !! Includes some 🌶️ like "there's no way that people are actually going to be designing software in the future in a tool like Figma"

Ryan Mather

41,958 просмотров • 3 месяцев назад

🟡 Product Design Cheatsheet PDF A guide for early-stage product teams on how to rapidly experiment, learn and build. Quite helpful 👌 via Vitaly Friedman 🇺🇦🏳️‍🌈 by Prophecy #UX #Research #Prototyping
0:18

🟡 Product Design Cheatsheet PDF A guide for early-stage product teams on how to rapidly experiment, learn and build. Quite helpful 👌 via Vitaly Friedman 🇺🇦🏳️‍🌈 by Prophecy #UX #Research #Prototyping

Ozan Öztaskiran

34,924 просмотров • 3 лет назад

$100k+ brands don’t guess how to design static ads they follow a repeatable layout system contrast hierarchy and message clarity so the ad explains itself in under a second most static ads fail because they look generic this guide breaks down how top brands structure visuals to feel premium modern and trustworthy no design theory just frameworks you can reuse for every creative i turned the full system into a short guide rt + comment “static” and i’ll send it (follow for dm)
0:19

$100k+ brands don’t guess how to design static ads they follow a repeatable layout system contrast hierarchy and message clarity so the ad explains itself in under a second most static ads fail because they look generic this guide breaks down how top brands structure visuals to feel premium modern and trustworthy no design theory just frameworks you can reuse for every creative i turned the full system into a short guide rt + comment “static” and i’ll send it (follow for dm)

Zed

24,509 просмотров • 5 месяцев назад

🟣 Design Resource Hub ☑️ Figma tips ☑️ Tutorials ☑️ Plugins ☑️ Templates ☑️ Inspiration ☑️ Design systems ☑️ Books ☑️ Typography ☑️ Prototyping ☑️ Photos Link below 👇
0:13

🟣 Design Resource Hub ☑️ Figma tips ☑️ Tutorials ☑️ Plugins ☑️ Templates ☑️ Inspiration ☑️ Design systems ☑️ Books ☑️ Typography ☑️ Prototyping ☑️ Photos Link below 👇

Adham Dannaway

12,497 просмотров • 1 год назад

We’re tired of AI “slop” designs. You should be proud of what you build on Replit ⠕—Introducing design systems: - Core customers: customize and re-use themes - Enterprise customers: import Figma design system or npm packages Say no to slop, ship quality
0:16

We’re tired of AI “slop” designs. You should be proud of what you build on Replit ⠕—Introducing design systems: - Core customers: customize and re-use themes - Enterprise customers: import Figma design system or npm packages Say no to slop, ship quality

Amjad Masad

125,674 просмотров • 9 месяцев назад

You can now jump to the code for components in Design Mode.
0:13

You can now jump to the code for components in Design Mode.

v0

60,518 просмотров • 10 месяцев назад

Candlestick Pattern Mastery: Practical Trading Guide - Full Strategy PDF - Patterns Cheat Sheet PDF - Full 20 minute+ Video Guide All 100% Free. Follow and comment "Can" and I'll DM you the link.
0:10

Candlestick Pattern Mastery: Practical Trading Guide - Full Strategy PDF - Patterns Cheat Sheet PDF - Full 20 minute+ Video Guide All 100% Free. Follow and comment "Can" and I'll DM you the link.

Koroush AK

51,185 просмотров • 1 год назад

Get you an architect who understands MEP well enough that they make models like this as part of the design process 💪 Leaving duct layout or system design to the subs to figure out during construction leads to substandard systems and butchered design!
0:11

Get you an architect who understands MEP well enough that they make models like this as part of the design process 💪 Leaving duct layout or system design to the subs to figure out during construction leads to substandard systems and butchered design!

Marilyn Moedinger

28,358 просмотров • 7 месяцев назад

🌱 We are delighted to launch Creating Conditions for Change & Integration a new resource designed to provide practical help and support for frontline teams involved in bringing about change for the new RHAs Download it here 👉🏽 #Integratedchange
0:16

🌱 We are delighted to launch Creating Conditions for Change & Integration a new resource designed to provide practical help and support for frontline teams involved in bringing about change for the new RHAs Download it here 👉🏽 #Integratedchange

Health Services Change Guide

11,909 просмотров • 3 лет назад