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

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

На главную

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊

iamdavidhill's profile picture

David Hill

14,661 subscribers

18,858 просмотров • 9 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

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 👇
2:12

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 Dalal

75,835 просмотров • 1 год назад

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.
1:24

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

UxUi.Tega

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

New interactive product page Change a product variation. Control modes to explore the product → close-up, full size, and light on. Synchronized amount + price → Changing live. Depth, light, material combination with Al.
0:22

New interactive product page Change a product variation. Control modes to explore the product → close-up, full size, and light on. Synchronized amount + price → Changing live. Depth, light, material combination with Al.

Daria Nevezhyna

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

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 год назад

I'm tinkering away on a new Figma widget for design system auditing ⚙️ It scans your document and tells you: – Number of components – Components without descriptions / doc links – Components without variables / styles – Instances with overrides Hopefully published next week!
0:43

I'm tinkering away on a new Figma widget for design system auditing ⚙️ It scans your document and tells you: – Number of components – Components without descriptions / doc links – Components without variables / styles – Instances with overrides Hopefully published next week!

luis.

18,664 просмотров • 1 год назад

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.
0:25

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

shadcn

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

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.
2:47

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.

nader dabit

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

🚀 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,150 просмотров • 10 месяцев назад

Mega Froslass is a slender and elegant oni, terrifying but charming at the same time. One of the best Mega designs in the game.
0:29

Mega Froslass is a slender and elegant oni, terrifying but charming at the same time. One of the best Mega designs in the game.

Light

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

A beautiful trio led by Leviathan. Rig tests. It turned out to be a cool combination of designs and animations. Working with these creatures has given me a cool experience and pleasure. #b3d
0:59

A beautiful trio led by Leviathan. Rig tests. It turned out to be a cool combination of designs and animations. Working with these creatures has given me a cool experience and pleasure. #b3d

Artem Shapiro

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

‼️ ARCADE MODE HUB (OLD MODES RETURNING + NEW MODES!) Season 4 will introduce the new Arcade Hub to #MarvelRivals where players can find the new Free Fight (no duplicate hero restrictions) and Annihilation (points via KOs) modes, plus Clone Rumble and Giant-Size Brain Blast which are returning permanently alongside the existing Doom Match mode. Players will also be able to queue for multiple arcade modes at the same time.
0:47

‼️ ARCADE MODE HUB (OLD MODES RETURNING + NEW MODES!) Season 4 will introduce the new Arcade Hub to #MarvelRivals where players can find the new Free Fight (no duplicate hero restrictions) and Annihilation (points via KOs) modes, plus Clone Rumble and Giant-Size Brain Blast which are returning permanently alongside the existing Doom Match mode. Players will also be able to queue for multiple arcade modes at the same time.

Miller Ross

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

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:26

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

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

Upgraded version with more accurate specific-part downloading, dark and light mode, download tab in menu to manage downloads and transcript available to copy
0:27

Upgraded version with more accurate specific-part downloading, dark and light mode, download tab in menu to manage downloads and transcript available to copy

యువ :)

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

Hard-coded surface levels break the moment you nest a popover inside a dialog. Fluid Functionalism Surfaces fixes this with 8 substrate-aware levels — components read their depth from context and lift relative to it. Light mode, dark mode, any depth. One primitive. Zero props passed between layers. (Open Source)
0:25

Hard-coded surface levels break the moment you nest a popover inside a dialog. Fluid Functionalism Surfaces fixes this with 8 substrate-aware levels — components read their depth from context and lift relative to it. Light mode, dark mode, any depth. One primitive. Zero props passed between layers. (Open Source)

Micka

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

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.
0:23

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

shadcn

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

Created File Manager Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #filemanager #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:23

Created File Manager Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #filemanager #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

22,795 просмотров • 6 месяцев назад

Created Real Estate CRM using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 🏠 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #realesate #crm #dashboarddesign #figma #uidesign
0:25

Created Real Estate CRM using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 🏠 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #realesate #crm #dashboarddesign #figma #uidesign

Harshil Acharya

130,860 просмотров • 6 месяцев назад

Dig Daiki Suzuki's new project, MODMNT. Pronounced Modulement—a combination of Module, Mode, Equipment, and Element to represent "tool-like design." As usual with Suzuki, designs are inspired by vintage outdoor and military clothing. Includes his take on the photographer jacket.
5:23

Dig Daiki Suzuki's new project, MODMNT. Pronounced Modulement—a combination of Module, Mode, Equipment, and Element to represent "tool-like design." As usual with Suzuki, designs are inspired by vintage outdoor and military clothing. Includes his take on the photographer jacket.

derek guy

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

#WATCH | At the Adampur Air Base, PM Narendra Modi said, "Rattled with #OperationSindoor, the enemy tried to attack this air base and several of our other air bases multiple times. They targeted us again and again but the nefarious designs of Pakistan failed each time.".
0:48

#WATCH | At the Adampur Air Base, PM Narendra Modi said, "Rattled with #OperationSindoor, the enemy tried to attack this air base and several of our other air bases multiple times. They targeted us again and again but the nefarious designs of Pakistan failed each time.".

ANI

27,138 просмотров • 1 год назад