正在加载视频...

视频加载失败

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

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 次观看 • 3 年前 •via X (Twitter)

科学技术教育喜剧

Anya Rossi• Live Now

Private livecam show

10 条评论

Adam Falconieri 的头像

Adam Falconieri3 年前

We want font families variables

Nischal Kharel 的头像

Nischal Kharel3 年前

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

Figma 的头像

Figma3 年前

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

Joe Ceballos Soto 的头像

Joe Ceballos Soto3 年前

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

Figma 的头像

Figma3 年前

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

Over Thinking Designer 的头像

Over Thinking Designer3 年前

Whoa! Already an update? That was quick! 🚀

Figma 的头像

Figma3 年前

We got you!

Muhsin • Muatex Media 的头像

Muhsin • Muatex Media3 年前

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

Figma 的头像

Figma3 年前

@realvjy Yes, it's on our roadmap!

Yann-Edern Gillet 的头像

Yann-Edern Gillet3 年前

Yeahhh 🔥

相关视频

#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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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

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 次观看 • 2 年前

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 次观看 • 3 年前

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

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 次观看 • 1 年前

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 次观看 • 2 年前

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

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

Figma

61,311 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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

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

👀 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 次观看 • 1 年前

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 次观看 • 1 年前

#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 次观看 • 3 年前

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

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