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.

Can't get enough of variables? NEW: Even more features to help make it easier to scope, hide, edit, and define variables across platforms. Dive in:

Figma

571,427 subscribers

153,515 Aufrufe • vor 3 Jahren •via X (Twitter)

Wissenschaft & Technologie Bildung Comedy

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Adam Falconieri

Adam Falconierivor 3 Jahren

We want font families variables

Profilbild von Nischal Kharel

Nischal Kharelvor 3 Jahren

This looks great!🎊 Is @figma planning to variables to text styles anytime soon? That would be super handy.

Profilbild von Figma

Figmavor 3 Jahren

Yes! Here's a look at everything we're planning:

Profilbild von Joe Ceballos Soto

Joe Ceballos Sotovor 3 Jahren

Is there a way to set the click action on a button to change color style mode from one to another?

Profilbild von Figma

Figmavor 3 Jahren

Not yet, but this is a known ask and our team will look into supporting this in the future.

Profilbild von Over Thinking Designer

Over Thinking Designervor 3 Jahren

Whoa! Already an update? That was quick! 🚀

Profilbild von Figma

Figmavor 3 Jahren

We got you!

Profilbild von Muhsin • Muatex Media

Muhsin • Muatex Mediavor 3 Jahren

@realvjy Awesome! Are you planning to add support for using variables In gradient points?

Profilbild von Figma

Figmavor 3 Jahren

@realvjy Yes, it's on our roadmap!

Profilbild von Yann-Edern Gillet

Yann-Edern Gilletvor 3 Jahren

Yeahhh 🔥

Ähnliche Videos

#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,711 Aufrufe • vor 3 Jahren

7 quality of life updates to variables: → Copy + paste across collections → New variables under selection → Hover to show value and description → Hover to show group names → Tabbing through authoring window → Improved input accessibility → Resize columns

7 quality of life updates to variables: → Copy + paste across collections → New variables under selection → Hover to show value and description → Hover to show group names → Tabbing through authoring window → Improved input accessibility → Resize columns

Figma

51,975 Aufrufe • vor 1 Jahr

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown

Figma

38,494 Aufrufe • vor 1 Jahr

This week, we introduced new AI updates to @GooglePhotos that make it even easier to edit, create and search. Here are four new features to try.

This week, we introduced new AI updates to @GooglePhotos that make it even easier to edit, create and search. Here are four new features to try.

Google

196,966 Aufrufe • vor 8 Monaten

Some updates to variables! You can now bind variables to: - Individual corner radius - Effects - Layer opacity - Layout grid - Nested instances - Stroke weight Join our Q&A next week (Dec 13) to learn more →

Some updates to variables! You can now bind variables to: - Individual corner radius - Effects - Layer opacity - Layout grid - Nested instances - Stroke weight Join our Q&A next week (Dec 13) to learn more →

Figma

318,775 Aufrufe • vor 2 Jahren

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

I'm really excited about our new Figma feature, variables. So, I built a new plugin I call "Find Variables" to help you find where they're being used across your design. It will be free and open source once it's published to Figma community!

Daniel Destefanis

75,900 Aufrufe • vor 3 Jahren

$Do more with Glass → Add it to any object, shape, or text → Round individual corners → Adjust the spread of light refraction with Splay → Apply variables from your design system$

Do more with Glass → Add it to any object, shape, or text → Round individual corners → Adjust the spread of light refraction with Splay → Apply variables from your design system

Figma

1,137,165 Aufrufe • vor 6 Monaten

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables

Figma

39,648 Aufrufe • vor 1 Jahr

We've added new features to the Anthropic Console. Claude can generate prompts, create test variables, and show you the outputs of prompts side by side.

We've added new features to the Anthropic Console. Claude can generate prompts, create test variables, and show you the outputs of prompts side by side.

Anthropic

221,610 Aufrufe • vor 2 Jahren

Modal makeover, variables edition: → Filter → Search → Expand

Modal makeover, variables edition: → Filter → Search → Expand

Figma

61,311 Aufrufe • vor 1 Jahr

NEW: Business Growth Service to make it easier and quicker for SMEs across the UK to get the help they need to grow 👉 This #SmallBusinessSaturday, learn more about small businesses' vital place in the UK economy 👇 #SmallBizSatUK

NEW: Business Growth Service to make it easier and quicker for SMEs across the UK to get the help they need to grow 👉 This #SmallBusinessSaturday, learn more about small businesses' vital place in the UK economy 👇 #SmallBizSatUK

Dept. for Business, Innovation, Science and Trade

27,349 Aufrufe • vor 1 Jahr

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

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Dmitriy Bunin

11,630 Aufrufe • vor 1 Jahr

Releasing a few quality of life Figma Draw updates today → New brush & texture updates (gradients, eyedropper, and noise controls) → Dedicated text on a path tool (or drag on an empty canvas to create text on a circle) → Separate text and vector into independent layers Plus, we pulled a few features over from Design to make it easier to access → New layers panel icons → Auto layout directly in Draw

Releasing a few quality of life Figma Draw updates today → New brush & texture updates (gradients, eyedropper, and noise controls) → Dedicated text on a path tool (or drag on an empty canvas to create text on a circle) → Separate text and vector into independent layers Plus, we pulled a few features over from Design to make it easier to access → New layers panel icons → Auto layout directly in Draw

Figma

63,348 Aufrufe • vor 3 Monaten

In the new update, you'll find it even easier to use modules with advanced features! 🤠

In the new update, you'll find it even easier to use modules with advanced features! 🤠

⚡TRAIL OUT - Now on PS5!

12,659 Aufrufe • vor 4 Monaten

👀 From digital separators to wildcard variables and null-aware elements, there's a new Dart feature for everyone in Flutter 3.32. Get the latest ↓

👀 From digital separators to wildcard variables and null-aware elements, there's a new Dart feature for everyone in Flutter 3.32. Get the latest ↓

Flutter

16,743 Aufrufe • vor 1 Jahr

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Figma

111,057 Aufrufe • vor 1 Jahr

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,337,146 Aufrufe • vor 3 Jahren

Prompts shouldn’t be static. Introducing Prompt Variables. A way to build prompts that adapt to your inputs. Think of it as a text compositor: drop dynamic variables directly into your prompt, reorder them with drag-and-drop, and create new ones instantly with an @ sign. It means a cleaner workflow, and a cleaner canvas. 👉 See it in action:

Prompts shouldn’t be static. Introducing Prompt Variables. A way to build prompts that adapt to your inputs. Think of it as a text compositor: drop dynamic variables directly into your prompt, reorder them with drag-and-drop, and create new ones instantly with an @ sign. It means a cleaner workflow, and a cleaner canvas. 👉 See it in action:

Figma Weave

24,544 Aufrufe • vor 5 Monaten

New in Figma Make: Templates to explore design directions, new features, growth ideas → Recreate a product surface → Specify what can change → Share it with your team

New in Figma Make: Templates to explore design directions, new features, growth ideas → Recreate a product surface → Specify what can change → Share it with your team

Figma

33,775 Aufrufe • vor 11 Monaten