Fluid Design with Tokens

Поделиться
HTML-код
  • Опубликовано: 23 окт 2024

Комментарии • 12

  • @gumi31
    @gumi31 Год назад +1

    This is pure magic. Great approach for multiple screen sizes. This saves time and simplifies the workflow. Great presentation 👏

  • @oddschoolentertainment8023
    @oddschoolentertainment8023 10 месяцев назад

    you just blew my mind. Can't wait to see a generator regarding spacings and dimensions

  • @ux-mpaiva
    @ux-mpaiva Год назад

    Outstanding presentation! Enterprise-level architecture for tokens are finally here. Marco, thanks for this 🙏🏼

  • @djmtype
    @djmtype Год назад +1

    That fluid typescale generator looks wonderful!

  • @jaga22dl
    @jaga22dl Год назад +2

    Really needed this. Was having some problems with pentatonic scaling and formulas. Great video ☺

  • @khaledipsum
    @khaledipsum Год назад +2

    This is great when it comes to a simple layout, but what happens when you have a more complex layout? I'm seeing centered text on either an image bg or blank bg. Is there a solution for width scaling where the auto layout element can switch from horizontal to vertical? Otherwise I don't see this as a viable option to show fluid responsiveness unless everything is extremely simplistic mobile first layouts scaled up to desktop.

    • @marcochristiankrenn
      @marcochristiankrenn Год назад

      hey khaled, since we dont have support for changes on the autolayout in figma that is currently limited, but i'm pretty sure there will be a solution for this in the near future.

  • @FindelleDJ
    @FindelleDJ Год назад

    Amazing!🤩

  • @dimasmartinez6327
    @dimasmartinez6327 Год назад

    WHen i add the tokens to tokens studio and apply them to the tipes i can change the width but font sizes do not change. does someone knows why ? :(

  • @TorbjörnHedberg
    @TorbjörnHedberg Год назад +1

    I can't find any documentation on Tokens Studio clamp function? ruclips.net/video/EbykWCBeqBg/видео.html

    • @marcochristiankrenn
      @marcochristiankrenn Год назад

      Stil a undocumented feature ;) but you can use the min, max functions and the inofficial already released "clamped" function is working as well, works like the css clamp