Тёмный

Framework: Typography and gradients deep dive and demos 

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

Dive deeper into typography and gradient variables and learn best practices from Figma’s own design advocate Ana Boyer. Expand your variables expertise through a demo of the new gradients typography feature and see how typography works in the context of a multi-brand design system.
Everything we launched at Framework → www.figma.com/blog/what-we-la...
Figma is free to use. Sign up here: bit.ly/3msp0OV
____________________________________________________
Find us on ⬇️
X (formerly Twitter): / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

Наука

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

 

14 май 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@vietdo493
@vietdo493 25 дней назад
Great! Thank you for the demos!
@MaxWeir75
@MaxWeir75 23 дня назад
How are the font-size primitives in your example decided on? for instance is font-size-400 just in your font size scale? and it also looks like the scale starts from 300?
@AvanaVana
@AvanaVana 25 дней назад
That’s three items to cross off my giant Figma feature wishlist
@nicolasmatiasnegri4743
@nicolasmatiasnegri4743 25 дней назад
can we get access to the file to check the variables and tokens?
@PyetroRapp
@PyetroRapp 19 часов назад
Yes please, can you make this file available to study over it?
@hardboiled2000
@hardboiled2000 25 дней назад
I work at a place where we have 6 responsive breakpoints, and 18 brands, how can we set up typography variables to mode swap easily?
@RobBrogan
@RobBrogan 24 дня назад
I can’t think of a use case for primitive/semantic variables at the typography level. Somehow I easily get it for color scales, but can’t think of a use case in type. Anyone have a good example where it would be helpful? As far as I can tell, the primitives would just result in cataloging some of the *unused* type styles and semantic would have your full type scale that’s being used in the CSS (h1, h2…)
@xblackchristmas
@xblackchristmas 25 дней назад
This seems useful for people designing for different screen sizes but it’s quite a lot of clicks during the set up
@sophiemulders
@sophiemulders 13 дней назад
So you still need to create a style for a gradient. I hoped that the gradient would be the variable …. I can see that is complicated to build. Still happy with this.
@austinlin42
@austinlin42 25 дней назад
💥
@hugocsl
@hugocsl 19 дней назад
Typography variables are BROKEN, as it does not accept % values for lettering space or line-height! Very frustrating :/
@seeamahmod
@seeamahmod 25 дней назад
this is kind of confusing actually
@paulXmbingu
@paulXmbingu 25 дней назад
That is how things work during Front-end development and now they are trying to bridge the gap
@Djerique
@Djerique 23 дня назад
@seeamahmod Why?
@soejrd24978
@soejrd24978 23 дня назад
when
@amitsoni8746
@amitsoni8746 25 дней назад
Providing too much inheritance and relations also creates confusion of being complexity in design.
@austinlin42
@austinlin42 25 дней назад
🧐
Далее
Figma Type Variables | A Setup + Overview Guide
33:47
Просмотров 4,8 тыс.
ПЕЙ МОЛОКО КАК ФОКУСНИК
00:37
Просмотров 4,8 млн
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 698 тыс.
Figma for Edu: Prototyping 101, new basics
1:03:19
Просмотров 54 тыс.
Design Better Than 99% of UI Designers
14:52
Просмотров 167 тыс.
Figma tutorial: Variables for typography
12:58
Просмотров 59 тыс.
Variables for Typography in Figma - The Ultimate Guide
33:23
I pretended to be a beginner UI/UX designer on Upwork
10:25
Broken Flex Repair #technology #mobilerepair
0:50
Просмотров 2,5 млн