Тёмный

Figma Variables vs Tokens Studio | Which to Use in 2024 

UI Collective
Подписаться 13 тыс.
Просмотров 6 тыс.
50% 1

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

 

30 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии    
@JoshChadwick1
@JoshChadwick1 9 месяцев назад
Token Studio also lets you generate calculated values (i.e. reference the primary color and apply a 60% opacity). I've actually been finding that using Token Studio when you need to use more complicated systems makes way more sense. However, you can build your token collection so that it hooks directly into Figma's variables (and styles) so you don't lose all the great functionality that are built into variables (like mode switching).
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
Great call out!
@nutellanorbert2799
@nutellanorbert2799 3 месяца назад
Also not forget the direct connection to a repository that let you generate directly via style dictionairy the desired formats for the whole organisation. you simply don't need a dev for every token. jst for merging the pull request.
@nobody-bt7mu
@nobody-bt7mu 9 месяцев назад
I'm glad you made this for 2024! The previous one was 6 months ago and I'm curious about the improvements Figma has made over those months to their variables.
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
Glad you found it helpful! I'll keep filming new comparisons as updates are made
@UXKhanmunkh
@UXKhanmunkh 9 месяцев назад
This video was so insightful, appreciate it🙏. Btw what’s your thoughts on border width, shadow, opacity and spacing. Should they have seperate variable collection or not. If not why apply variables isn’t it kinda waste of time?😅
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
Check my second most recent video :) covers these!
@ferreiravinicius
@ferreiravinicius 8 месяцев назад
Thanks for sharing it. What does the mapped collection stand for?
@UICollectiveDesign
@UICollectiveDesign 8 месяцев назад
I would watch our token setup video to better understand!
@JohnnyDilan
@JohnnyDilan 6 месяцев назад
Would love to see an updated video after they have release the type variables from Figma.
@UICollectiveDesign
@UICollectiveDesign 6 месяцев назад
Just on vacation for a couple weeks. I can film another when I return since type variables are now out.
@timothychinye6008
@timothychinye6008 5 месяцев назад
He actually did that: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-n_YUZF2Hv9g.html
@UICollectiveDesign
@UICollectiveDesign 5 месяцев назад
@@timothychinye6008 More type variable content is on it's way :)
@guillaumegoulet1480
@guillaumegoulet1480 9 месяцев назад
Just what I needed.
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
Sweet! Happy it's what you were looking for
@dasildasil6288
@dasildasil6288 6 месяцев назад
I think you don't get how Figma Variable works, all tokens are supported for both tools
@UICollectiveDesign
@UICollectiveDesign 6 месяцев назад
Not at the time of this video :) Will film an updated one soon.
@EllenBryant-i4b
@EllenBryant-i4b 9 месяцев назад
Ty for the video!
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
You're welcome!
@Underhills
@Underhills 9 месяцев назад
I discovered that I had to right click AFTER selecting the border number so it becomes active, THEN I'm able to see a context menu like in this demo. That was not very intuitive. It's not even stable, it "trembles" and goes away at times. Wow, that's Figma for'ya. Not very UX oriented ironicly enuff. Same response with fill color. Anyways, great tut.
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
You need to two finger tap on it. Let me know if this works!
@Underhills
@Underhills 9 месяцев назад
Tap? I'm not using a tablet or a pad. I'm not using a laptop. But if I were I would use a mouse there as well.@@UICollectiveDesign
@Underhills
@Underhills 9 месяцев назад
I replied this yesterday but my post is gone. To put it short, I don't use a laptop or a tablet. I'm interacting with mouse only.@@UICollectiveDesign
@bertatnetcentric6074
@bertatnetcentric6074 5 месяцев назад
What about exporting json files?
@UICollectiveDesign
@UICollectiveDesign 5 месяцев назад
Tokens Studio!!
@thamizharasanchandrasekaran
@thamizharasanchandrasekaran 9 месяцев назад
I appreciate your effort in making videos, but can you increase the volume of your voice/audio? It would really help your subscribers.
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
Can definitely do so for the next video! Thanks for the feedback :)
@bertatnetcentric6074
@bertatnetcentric6074 5 месяцев назад
Looks like Figma, covers all the font topics now.
@UICollectiveDesign
@UICollectiveDesign 5 месяцев назад
Yup! Will be filming an updated vid when I'm back from vacation
@milanrdesign
@milanrdesign 9 месяцев назад
You can just make text styles no biggie
@UICollectiveDesign
@UICollectiveDesign 9 месяцев назад
Exactly!!
@vsdy1990
@vsdy1990 7 месяцев назад
in reality you don't need so many tokens, only color tokens are enough to create dark mode. Designers doing too much useless work.
@UICollectiveDesign
@UICollectiveDesign 7 месяцев назад
I don't disagree, but some brands do require all these tokens. Crazy to think about!
Далее
CityJS Medellin 2024 - Day 2
4:26:52
Просмотров 427
Voy shetga man aralashay | Million jamoasi
00:56
Просмотров 932 тыс.
Avaz Oxun - E'lon, erga tegaman!!!
11:47
Просмотров 254 тыс.
Figma Variables vs Tokens Studio
6:44
Просмотров 1,5 тыс.
Figma Typography Variables | A Setup + Overview Guide
33:47
Mastering Component on Figma (Raw Version)
1:07:58
Просмотров 2,5 тыс.
Dev Mode for Designers
7:17
Просмотров 15 тыс.