Тёмный

Figma Design System: 08 Type Variables 

Christopher Deane
Подписаться 8 тыс.
Просмотров 1,7 тыс.
50% 1

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

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@GoNinjaMax
@GoNinjaMax 2 месяца назад
I really really love your videos! Thank you for making them, please keep it up!
@edwardwhatson6058
@edwardwhatson6058 2 месяца назад
This is class content, keep it up!
@Satheeshkumar-fb6bb
@Satheeshkumar-fb6bb 2 месяца назад
Good Sir
@mischugo
@mischugo 2 месяца назад
I really like the way you go through the topic and convey it clearly. Really professional! Some time ago I saw something somewhere about aliases in connection with variables... can't remember where. Is there any info on this? Why alias? How do you do that? Thanks at all
@ChristopherDeane
@ChristopherDeane 2 месяца назад
I cover this in the semantic colour variables episode: Figma Design System: 03 Semantic Color Variables ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zfFZ99MBEPk.html You assign color variables to semantic ones 🙂.
@deena1106
@deena1106 12 дней назад
Hi Christopher, this series is really helpful, thank you!! I have to apologize because I accidentally pressed the ask to edit button in your figma file. Please decline my request(the account named Wang) if it's convenient for you.
@hardboiled2000
@hardboiled2000 Месяц назад
Hey can you do a video with a general overview about how to structure a multibrand setup, i understand there are many different skews one can take and wondered what your thoughts were, thanks
@ChristopherDeane
@ChristopherDeane Месяц назад
When Figma releases child modes. Instead of duplicating an entire semantic mode, I’d prefer to use child modes to override the default brand.
@melinaitatisosa2035
@melinaitatisosa2035 Месяц назад
Hi Christopher, I replicated most of it but is there a way to transform those semantic typos into styles? I cannot linked the semantic typo as a whole to a text.
@ChristopherDeane
@ChristopherDeane Месяц назад
This has to be done manually for each style where you assign the correct type primitive to the style value.
@ramazanguler6066
@ramazanguler6066 Месяц назад
When will upload a new video about design system series and how many videos are there this series more? Thank you very very much for this useful lessons.
@ChristopherDeane
@ChristopherDeane Месяц назад
I've been sick for 3 weeks and attending to family issues. The next one will be up in a week or two and it's an ongoing series that'll move into components, then into other design system related content.
@ramazanguler6066
@ramazanguler6066 Месяц назад
@@ChristopherDeane Get well soon. I hope your health problems get better as soon as possible. Thank you,
@francescof96
@francescof96 2 месяца назад
Hi Christopher, thanks for this video as well! I was wondering, what is the advantage of creating the units with a name-value correspondence and primitives + semantic? Because having seen how Figma handled type variables in their videos, they directly insert numerical values into the weights, sizes etc., and then created multiple modes directly in primitives, connecting then the text styles to primitives. Even if they change for example the Medium size from 14 > 16 every text style using the size M will get updated. So why create semantics and units and not just primitives like Figma? Here the reference video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-APNWWhXIg04.htmlsi=z4WEHEHnZJynoZ54 Thank you!
@ChristopherDeane
@ChristopherDeane 2 месяца назад
You don't have to use them, but I prefer to do so as they set the expected values across the entire system and can be used for any number value variable, not just text size or line-heights.
@francescof96
@francescof96 2 месяца назад
@@ChristopherDeane And why the choice of recreating text styles in variables? Could the primitives have been directly used by linking them to the text styles? Is this choice due to seeing exploded and organized values? Because what I would have done by looking at the Figma tutorials would have been to directly create the breakpoints in the primitives and insert the different units (instead of link multiple scales L XL etc...)
@ChristopherDeane
@ChristopherDeane Месяц назад
This is done to re-create the concept of a type mixin that exists in code inside Figma, and to make it easier to create responsive text modes in the semantic set and not multiple modes inside the primitive set.
Далее
Figma Design System: 03 Semantic Color Variables
10:20
Редакция. News: 135-я неделя
55:06
Просмотров 799 тыс.
Распаковка iPhone 16 Pro Max
01:01
Просмотров 1,8 млн
Figma Typography Variables | A Setup + Overview Guide
33:47
Figma Design System: 04 Typography
10:50
Просмотров 5 тыс.
The Easy Way to Design Top Tier Websites
11:54
Просмотров 419 тыс.
My First Variable: Typography variables | Figma
20:10
Figma Design System: 02 Primitive Color Variables
12:23
Figma Design System: 07 Borders
7:24
Просмотров 1,4 тыс.