正在加载视频...

视频加载失败

返回首页

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇

jayneil's profile picture

Jayneil Dalal

12,440 subscribers

75,835 次观看 • 2 年前 •via X (Twitter)

科学技术教育艺术
LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

Jayneil Dalal 的头像
Jayneil Dalal2 年前

Sneak Peek into Figma files of top designers for FREE 👇

Nate Leahy-Trask 的头像
Nate Leahy-Trask2 年前

@lorenbaxter @felt @figma I led the adoption of Figma and implemented a tokenized variable system at the agency I’m at so this is wonderful confirmation that everything I’ve rolled out is aligned with how the best of the best is leveraging these incredible tools! Thanks for sharing.

Jayneil Dalal 的头像
Jayneil Dalal2 年前

@lorenbaxter @felt @figma That's awesome! What topics would like to see covered in season 2?

Yalçın 👌🏼 的头像
Yalçın 👌🏼2 年前

@lorenbaxter @felt @figma @haibnu

Alejandro Ramirez 的头像
Alejandro Ramirez2 年前

@lorenbaxter @felt @figma uhm is this an ad? you can do the same thing in Sketch

Cu & Código 的头像
Cu & Código2 年前

@lorenbaxter @felt @figma @amimarinhow

Riccardo Valeriana 的头像
Riccardo Valeriana2 年前

@lorenbaxter @felt @figma this is sooooo crazy 😍 in love with the entire system, how it changes theme is too good

Jayneil Dalal 的头像
Jayneil Dalal2 年前

@lorenbaxter @felt @figma 🙏

相关视频

This is how a top designer designs complex data tables in Figma The amount of columns in this data table is insane 🤯 Darshan Gajara shows how he designed complex data tables for Hygraph in Figma 👇
1:50

This is how a top designer designs complex data tables in Figma The amount of columns in this data table is insane 🤯 Darshan Gajara shows how he designed complex data tables for Hygraph in Figma 👇

Jayneil Dalal

68,584 次观看 • 2 年前

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 Dion Chooi shows how LottieFiles uses components in Figma 👇
1:55

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 Dion Chooi shows how LottieFiles uses components in Figma 👇

Jayneil Dalal

86,024 次观看 • 2 年前

This is how a top fintech designer does motion design in Figma The obsession this designer has for getting better at motion design is insane 🤯 shows he does motion design for Plaid in Figma 👇
3:57

This is how a top fintech designer does motion design in Figma The obsession this designer has for getting better at motion design is insane 🤯 shows he does motion design for Plaid in Figma 👇

Jayneil Dalal

23,868 次观看 • 1 年前

Here I’ve created fully Responsive Email Dashboard in Figma using Variables & Components. Also included Dark/Light Modes. #figma #responsivewebdesign #figmadesign #websitedesign #variables #uidesign
0:20

Here I’ve created fully Responsive Email Dashboard in Figma using Variables & Components. Also included Dark/Light Modes. #figma #responsivewebdesign #figmadesign #websitedesign #variables #uidesign

Harshil Acharya

28,136 次观看 • 1 年前

This is how a top designer does AI design explorations in Figma The amount of design iterations is insane 🤯 Lukas Guschlbauer ☻ (Lead Product Designer) shows the AI design explorations for StudySmarter in Figma 👇
1:33

This is how a top designer does AI design explorations in Figma The amount of design iterations is insane 🤯 Lukas Guschlbauer ☻ (Lead Product Designer) shows the AI design explorations for StudySmarter in Figma 👇

Jayneil Dalal

42,271 次观看 • 1 年前

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇
1:36

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇

Jayneil Dalal

14,607 次观看 • 1 年前

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for Lattice in Figma 👇
2:31

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for Lattice in Figma 👇

Jayneil Dalal

29,431 次观看 • 1 年前

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :
0:43

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :

Joseph Brendan

27,056 次观看 • 1 年前

Switch designs from light to dark mode in Figma, supafast! ⚡️
0:39

Switch designs from light to dark mode in Figma, supafast! ⚡️

Zander Whitehurst

235,988 次观看 • 3 年前

This is how a designer at Figma does engineering handoff in Figma This is the most comprehensive engineering handoff file I have ever seen in my design career 🤯 Tammy Taabassum shows she does engineering handoff for Figma in Figma 👇
3:39

This is how a designer at Figma does engineering handoff in Figma This is the most comprehensive engineering handoff file I have ever seen in my design career 🤯 Tammy Taabassum shows she does engineering handoff for Figma in Figma 👇

Jayneil Dalal

252,897 次观看 • 1 年前

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai
0:23

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai

Harshil Acharya

222,598 次观看 • 1 年前

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,526 次观看 • 1 年前

This is how an AI designer creates a motion storyboard for engineering handoff in Figma The attention to interaction design details is mind blowing 🤯 Lukas Guschlbauer ☻ shows he does engineering handoff for StudySmarter in Figma 👇
1:27

This is how an AI designer creates a motion storyboard for engineering handoff in Figma The attention to interaction design details is mind blowing 🤯 Lukas Guschlbauer ☻ shows he does engineering handoff for StudySmarter in Figma 👇

Jayneil Dalal

29,331 次观看 • 1 年前

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)
0:21

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)

Harshil Acharya

190,804 次观看 • 10 个月前