正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

David Hill

14,661 subscribers

18,858 次观看 • 9 个月前 •via X (Twitter)

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 👇

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.

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.

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

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 :

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!

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.

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

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.

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

🚀 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,296 次观看 • 11 个月前

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

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

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

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

‼️ 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.

‼️ 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 次观看 • 11 个月前

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

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

62,047 次观看 • 6 个月前

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

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

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.

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

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)

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

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

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

131,015 次观看 • 7 个月前

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.

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

91,956 次观看 • 6 个月前

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

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

#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.".

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