Тёмный

Office hours: Variables migration best practices 

Figma
Подписаться 547 тыс.
Просмотров 22 тыс.
50% 1

Figma is free to use. Sign up here: bit.ly/3msp0OV
Interested in learning how to migrate from Styles to Variables? Join us for a look at approaches you can use to lower the friction of your rollout of variables.
0:00 Introduction
1:44 Variables for all
4:20 Styles migration
17:13 REST API overview
24:25 How Ford handled their variables migration by Jack Minogue
33:50 Future
40:05 Q&A
55:55 Closing
____________________________________________________
Find us on ⬇️
Twitter: / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023

Наука

Опубликовано:

 

8 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 28   
@marcinukleja
@marcinukleja 10 месяцев назад
I appreciate you mentioning my Styles to Variables Converter plugin. While it's intentionally kept basic (it has no UI), it’s great you also highlighted Yann's plugin, which offers more robust features, including mode creation. Good to be part of the Figma community! 😊
@underscoreroa
@underscoreroa 7 месяцев назад
Clear and concise. thanks!
@ZaqDayton
@ZaqDayton 10 месяцев назад
Ooo this is nice! Thanks :)
@DavidKnowles
@DavidKnowles 10 месяцев назад
Good overview. Thanks. I was however disappointed that no mention was made about image variables.
@julienpecorino
@julienpecorino 10 месяцев назад
It would be so helpful to get Expressions (made with multiple variables), for example to maintain an aspect ratio we could have: height = width*1,33 (this the TV frame 4:3). So we when we resize our design screen, the aspect ratio adapts.
@rsheh1-iy5he
@rsheh1-iy5he 10 месяцев назад
Super helpful video, thank you! Im wondering, doesn't it defeat the purpose of naming the sizing primitives by putting the value in the name? Would it make more sense to name the primitives something that isn't the value in case you want to change one of the sizing primitives value in the future?
@Underhills
@Underhills 10 месяцев назад
To export/import variables between projects is necessary. I've tried a couple of plugins but as with all plugins they are unstable and not very well maintained, also they lack the ability to keep connections between the tokens when the JSON files are imported, so it's kinda messy. Should be easy to just pick a variable setup from wherever you are in Figma and start using them.
@HaraldHumml
@HaraldHumml 10 месяцев назад
Hello, thanks for this video. Great resource! I tried your suggestion, putting primitives in a separate files and aliases in another in order to hide primitives. Then I used the aliases file in a test file referring just to the alias file. Variables from the primitives file are not shown and offered anymore, which is fine. However the mode from the primitives file is still available for selection, which increases the amount of modes offered ... 😞 primitives aliases
@calvinogood
@calvinogood 10 месяцев назад
Is possible to apply variables for opacity and border width?
@kanchusi
@kanchusi 8 месяцев назад
Is there a way to organize the list of the Collections? Wish it didnt force me to have it on a alphabetical order. Maybe even have small titles to separate the list a little bit more
@milanrdesign
@milanrdesign 5 месяцев назад
What font is that handwritten font from this presentation? I really like it.
@syedrowmim
@syedrowmim 10 месяцев назад
Where can I find the Swatchy link? Is it a plugin for Figma?
@joesoto007
@joesoto007 10 месяцев назад
is there a way to export a CSV of variables? I have 2 files, one for light mode and other for dark mode, I would love to convert the styles to variables, export a CSV, combine them and then import the variables with the plugin sheets to variables, but i can't find a way to export them :(
@septiyanhariyanto
@septiyanhariyanto 9 месяцев назад
can someone explain me more, why we should create primitive instead of just straight forward create semantic only?
@tlpricefreelance
@tlpricefreelance 10 месяцев назад
Why can't the primitive colors be the styles most of us already have established?
@albapanyella7955
@albapanyella7955 10 месяцев назад
l feel like this is a great tool for designers, but sometimes we spend too much time trying to figure out things like this when it would actually be better if instead we learned how it translates to code. At the end, Figma is just a design tool, and all of these over compliated features might take up too much space of the learning of designers when in reality it would be more benefitial and efficient if they focused on other things. Figma might be the tool of the design process, but l feel like sometimes we forget that there is the developement part afterwards. I don't know if l made my point clear but l feel like this is a discussion that l've been seeing more and more. My question is, who really benefits from features like that?
@lilyailin3108
@lilyailin3108 9 месяцев назад
thank you for this
@ArseniyKruglov
@ArseniyKruglov 10 месяцев назад
Now waiting for typography variables
@Underhills
@Underhills 10 месяцев назад
Preach! 🙏
@BrianHumphries-eh8rq
@BrianHumphries-eh8rq 9 месяцев назад
​@@Underhills🎉zee😊❤sz🎉🎉❤
@MyDigitalHub
@MyDigitalHub 10 месяцев назад
I want to get out from Token Studio to Variables completely. Cannot wait for that future
@fragilegameplay3161
@fragilegameplay3161 10 месяцев назад
exactly, no need to pay them.
@GadgetsGearCoffee
@GadgetsGearCoffee 10 месяцев назад
Just typography missing at this pt
@IStMl
@IStMl 10 месяцев назад
and effects, and animation, and border, and gradients@@GadgetsGearCoffee
@rynopotamus
@rynopotamus 10 месяцев назад
cool... so i guess making more and more and more steps and using more and more plugins is the future..... ugh what a headache
@Vikyou
@Vikyou 10 месяцев назад
My brain isn't cooperating with this :/
@paulXmbingu
@paulXmbingu 10 месяцев назад
It takes a while to understand at first. Give yourself some grace.
@djashawe88923
@djashawe88923 10 месяцев назад
I enjoy the Figma tutorial series, but I've noticed that they're becoming quite lengthy. I hope they can create shorter video series. Additionally, I would appreciate more demos and examples rather than just talking in a presentation style, as it can be challenging to stay focused for an extended period.
Далее
Figma for Education: Introduction to Design Systems
1:03:50
Office hours: Intro to Dev Mode
54:38
Просмотров 18 тыс.
Office hours: Variables, AMA
59:20
Просмотров 11 тыс.
Figma Tips ⚡ - Colour styles vs variables
14:56
Просмотров 7 тыс.
Figma for Edu: Variables and modes for layout in Figma
53:47
Office hours: Advanced prototyping
56:40
Просмотров 31 тыс.
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Office hours: Figma like the pros (2023)
1:04:03
Просмотров 71 тыс.
Автодержатель телефона
0:29
Просмотров 11 тыс.