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.
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.
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
you just blew my mind. Can't wait to see a generator regarding spacings and dimensions
This is pure magic. Great approach for multiple screen sizes. This saves time and simplifies the workflow. Great presentation 👏
Really needed this. Was having some problems with pentatonic scaling and formulas. Great video ☺
That fluid typescale generator looks wonderful!
Outstanding presentation! Enterprise-level architecture for tokens are finally here. Marco, thanks for this 🙏🏼
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.
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.
Amazing!🤩
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 ? :(
I can't find any documentation on Tokens Studio clamp function? th-cam.com/video/EbykWCBeqBg/w-d-xo.html
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