Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 9 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

163,772 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 4 Monaten

🚀 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,127 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 7 Monaten

‼️ 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 Aufrufe • vor 10 Monaten

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,939 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Monaten

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,785 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

#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 Aufrufe • vor 1 Jahr

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,795 Aufrufe • vor 6 Monaten