Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Math operator is now in Figma variables. Demo: innerRadius = outerRadius - padding What would you build with variables with math? Reply one idea.

Mr. Biscuit

6,261 subscribers

11,497 Aufrufe • vor 10 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

#Config2023 Launch 2: Variables You can now use variables to make adaptable designs—we’re talking different brand themes, device formats, and more. And yup, variables can be exported as tokens in case that’s helpful 😉. 👇 See variables in action

Figma

357,671 Aufrufe • vor 3 Jahren

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

🚀 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)

🚀 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,487 Aufrufe • vor 8 Monaten

Today's an exciting day for anyone using design tokens! With today's Figma release there's going to be native tokens in the form of 🌶️ Variables! Now… will Tokens Studio support this? Hell yes! We just released 1.37 of Tokens Studio for Figma with support for Variables!

Today's an exciting day for anyone using design tokens! With today's Figma release there's going to be native tokens in the form of 🌶️ Variables! Now… will Tokens Studio support this? Hell yes! We just released 1.37 of Tokens Studio for Figma with support for Variables!

Jan Six

45,753 Aufrufe • vor 3 Jahren

After so much experimentation and playing around with variables in Figma, thanks to chad, I think I finally found the most *efficient and easy* way to migrate existing component libraries from styles to variables. 🎛️⚡

After so much experimentation and playing around with variables in Figma, thanks to chad, I think I finally found the most efficient and easy way to migrate existing component libraries from styles to variables. 🎛️⚡

Joey Banks

124,210 Aufrufe • vor 3 Jahren

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.

Druids

20,004 Aufrufe • vor 2 Monaten

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Figma

38,561 Aufrufe • vor 7 Tagen

Found a dream plugin for making typography scales, it creates: – Variables – Styles with variables as values – Sticker sheet on the canvas And you can build ramps based on a ratio/calculation as well, saving a tonne of time

Found a dream plugin for making typography scales, it creates: – Variables – Styles with variables as values – Sticker sheet on the canvas And you can build ramps based on a ratio/calculation as well, saving a tonne of time

luis.

49,425 Aufrufe • vor 1 Jahr

WATCH: This is why people are leaving NYC. Even at $175K a year, the math doesn’t math anymore. Would you stay? Can you live comfortably in your state with 175k a year? ⬇️ 🇺🇸

WATCH: This is why people are leaving NYC. Even at $175K a year, the math doesn’t math anymore. Would you stay? Can you live comfortably in your state with 175k a year? ⬇️ 🇺🇸

Tony Lane 🇺🇸

447,374 Aufrufe • vor 6 Monaten

Valentine's Day is coming up so here's something math-y you can do with your Valentine (or with your math class!)

Valentine's Day is coming up so here's something math-y you can do with your Valentine (or with your math class!)

Howie Hua

62,027 Aufrufe • vor 2 Jahren

Clerk now supports theming with CSS variables → Built-in shadcn / ui theme → Auto-syncs with your existing config See it in action👇

Clerk now supports theming with CSS variables → Built-in shadcn / ui theme → Auto-syncs with your existing config See it in action👇

Clerk

21,452 Aufrufe • vor 11 Monaten

What if you could generate all your colors, typography styles, sizes, radii, and more as variables and tokens with just one click? No manual setup, in few minutes go from blank page to a solid design system foundation. With option to present everything nicely for dev doc and more. With this Figma plugin, it’s actually that simple. ✨

What if you could generate all your colors, typography styles, sizes, radii, and more as variables and tokens with just one click? No manual setup, in few minutes go from blank page to a solid design system foundation. With option to present everything nicely for dev doc and more. With this Figma plugin, it’s actually that simple. ✨

vijay verma

26,246 Aufrufe • vor 6 Monaten

CSS variables are live and they are POWERFUL. Now Live on Product Hunt 🚀 ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! ➡️ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. ➡️ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! ➡️ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. ➡️ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. ✨ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

CSS variables are live and they are POWERFUL. Now Live on Product Hunt 🚀 ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! ➡️ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. ➡️ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! ➡️ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. ➡️ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. ✨ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

Webstudio

15,496 Aufrufe • vor 1 Jahr

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 Aufrufe • vor 1 Jahr

"What policymakers should care about is what’s happening with jobs in the country, consumer price inflation in the country, and what’s happening with output. The exchange rate is one factor that goes into each of these variables. So, you pay attention to the exchange rate because you want to see what’s going to happen to the variables you truly care about, which are jobs, inflation, and output."- Gita Gopinath speaks to Rajdeep Sardesai on #NewsToday

"What policymakers should care about is what’s happening with jobs in the country, consumer price inflation in the country, and what’s happening with output. The exchange rate is one factor that goes into each of these variables. So, you pay attention to the exchange rate because you want to see what’s going to happen to the variables you truly care about, which are jobs, inflation, and output."- Gita Gopinath speaks to Rajdeep Sardesai on #NewsToday

IndiaToday

105,703 Aufrufe • vor 2 Monaten

Turn ideas into reality with Figma Make - generate and build faster, in one creative space.

Turn ideas into reality with Figma Make - generate and build faster, in one creative space.

Figma

2,130,840 Aufrufe • vor 10 Monaten

Type safety without writing the types yourself? This is now possible for all methods and variables with special meaning to SvelteKit!

Type safety without writing the types yourself? This is now possible for all methods and variables with special meaning to SvelteKit!

Simon H

85,413 Aufrufe • vor 3 Jahren

Did you hear? OpenAI's newest model can reason across audio, vision, and text in real time. How does GPT-4o do with math tutoring?🤔 Salman Khan and his son test it on a Khan Academy math problem. You can get AI-powered math tutoring right now with Khanmigo:

Did you hear? OpenAI's newest model can reason across audio, vision, and text in real time. How does GPT-4o do with math tutoring?🤔 Salman Khan and his son test it on a Khan Academy math problem. You can get AI-powered math tutoring right now with Khanmigo:

Khan Academy

283,766 Aufrufe • vor 2 Jahren