正在加载视频...

视频加载失败

返回首页

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,900 次观看 • 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 次观看 • 5 个月前

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 次观看 • 5 个月前

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 次观看 • 3 个月前

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

42,123 次观看 • 3 个月前

Think. Prompt. Create. is my new book: a practical guide to Claude Code by Anthropic for creators, entrepreneurs, designers and curious humans building with AI. New site is now live 👇
0:17

Think. Prompt. Create. is my new book: a practical guide to Claude Code by Anthropic for creators, entrepreneurs, designers and curious humans building with AI. New site is now live 👇

Joey Primiani

88,357 次观看 • 16 天前

🟡 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 年前

🟣 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 个月前

$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,539 次观看 • 5 个月前

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,187 次观看 • 1 年前

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,563 次观看 • 10 个月前

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 次观看 • 8 个月前