Framework: Typography and gradients deep dive and demos

Ғылым және технология

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

Пікірлер: 18

  • @vietdo493
    @vietdo4932 ай бұрын

    Great! Thank you for the demos!

  • @AvanaVana
    @AvanaVana2 ай бұрын

    That’s three items to cross off my giant Figma feature wishlist

  • @xblackchristmas
    @xblackchristmas2 ай бұрын

    This seems useful for people designing for different screen sizes but it’s quite a lot of clicks during the set up

  • @MaxWeir75
    @MaxWeir752 ай бұрын

    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?

  • @nicolasmatiasnegri4743
    @nicolasmatiasnegri47432 ай бұрын

    can we get access to the file to check the variables and tokens?

  • @PyetroRapp

    @PyetroRapp

    Ай бұрын

    Yes please, can you make this file available to study over it?

  • @RobBrogan
    @RobBrogan2 ай бұрын

    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…)

  • @hardboiled2000
    @hardboiled20002 ай бұрын

    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?

  • @hugocsl
    @hugocsl2 ай бұрын

    Typography variables are BROKEN, as it does not accept % values for lettering space or line-height! Very frustrating :/

  • @austinlin42
    @austinlin422 ай бұрын

    💥

  • @sophiemulders
    @sophiemuldersАй бұрын

    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.

  • @nuazing
    @nuazing23 күн бұрын

    As long as the gradient itself cannot be defined as variables, it makes no sense to claim that variables would now support gradient ihmo

  • @soejrd24978
    @soejrd249782 ай бұрын

    when

  • @seeamahmod
    @seeamahmod2 ай бұрын

    this is kind of confusing actually

  • @paulXmbingu

    @paulXmbingu

    2 ай бұрын

    That is how things work during Front-end development and now they are trying to bridge the gap

  • @Djerique

    @Djerique

    2 ай бұрын

    @seeamahmod Why?

  • @austinlin42
    @austinlin422 ай бұрын

    🧐

  • @amitsoni8746
    @amitsoni87462 ай бұрын

    Providing too much inheritance and relations also creates confusion of being complexity in design.

Келесі