Загрузка видео...

Не удалось загрузить видео

На главную

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's profile picture

Figma

571,427 subscribers

153,515 просмотров • 3 лет назад •via X (Twitter)

Наука и технологииОбразованиеЮмор
LIVE

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
0:46

#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
1:08

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
3:23

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.
0:57

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 просмотров • 9 месяцев назад

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 →
0:36

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!
0:32

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
0:29

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,195 просмотров • 6 месяцев назад

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

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.
3:19

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,851 просмотров • 2 лет назад

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

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
0:21

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.
2:55

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 ↓
0:31

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
0:43

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,437 просмотров • 3 месяцев назад

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

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 ↓
1:29

👀 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)
0:45

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 год назад

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:
0:36

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
0:25

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 месяцев назад

#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.
0:54

#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,183 просмотров • 3 лет назад