3:29 Is that possible to switch images using Variables also in different screen sizes?. I mean: if I have a specific image for a dedicated screen size such as mobile (that image is inside of a component like a card) and I want to switch the image when I have a desktop screen (switching instead expanding it). I already have created the different screen sizes as Variables but how may I integrate variants of a component as strings as well? Any hints? Thanks! Your channel is amazing!
Thank you for making this! This definition is certainly the most clear (to me) from the other videos on the differences between brand (hex), aliased (roles) and mapped (use case). I admit… although I better understand the difference between the latter 2 collections I still seem to missing the benefits of mapping. Im probably just slow 😅. Now to my next question: what issues (if any) do you foresee in forgoing the mapped colors anyway? As of right now, I only have brand and aliased colors and my primary(role) can also be used for button(use case) or an icon(use case) or text link (use case). By making a mapped collection, wouldn’t all 3^ of those need separate mapped values? Why do this if they’re all using the exact same aliased primary?
Great question!! Think in terms of scalability. What happens if your button and text link need to change? How do other designers using the collection know which color to apply? It is quite common for designers to skip alias to forgo mapping values, but in each case, they end up mapping their values back later. Sure, your primary might be used for all three, but will all your color elements only apply to one color? This can overcomplicate your library overtime as Alias and Mapped will get combined into one, and thus disorganized.
@@UICollectiveDesign ok thank you. I think I’m going to go back and see if I do need to add that mapped collection. So when it comes to color modes - should that be set to the mapped collection or to the alias? (Of course if one doesn’t have the mapped it would have to be alias)
3:29 Is that possible to switch images using Variables also in different screen sizes?. I mean: if I have a specific image for a dedicated screen size such as mobile (that image is inside of a component like a card) and I want to switch the image when I have a desktop screen (switching instead expanding it). I already have created the different screen sizes as Variables but how may I integrate variants of a component as strings as well? Any hints? Thanks! Your channel is amazing!
I believe so! Have you tried using modes?
& thanks for the kind words! Please share our channel/vid where you can :)
Thankyou for making this :)
Of course! Please subscribe and share our channel where you can :)
Thank you for making this! This definition is certainly the most clear (to me) from the other videos on the differences between brand (hex), aliased (roles) and mapped (use case). I admit… although I better understand the difference between the latter 2 collections I still seem to missing the benefits of mapping. Im probably just slow 😅.
Now to my next question: what issues (if any) do you foresee in forgoing the mapped colors anyway? As of right now, I only have brand and aliased colors and my primary(role) can also be used for button(use case) or an icon(use case) or text link (use case). By making a mapped collection, wouldn’t all 3^ of those need separate mapped values? Why do this if they’re all using the exact same aliased primary?
Great question!! Think in terms of scalability. What happens if your button and text link need to change? How do other designers using the collection know which color to apply? It is quite common for designers to skip alias to forgo mapping values, but in each case, they end up mapping their values back later.
Sure, your primary might be used for all three, but will all your color elements only apply to one color? This can overcomplicate your library overtime as Alias and Mapped will get combined into one, and thus disorganized.
@@UICollectiveDesign ok thank you. I think I’m going to go back and see if I do need to add that mapped collection.
So when it comes to color modes - should that be set to the mapped collection or to the alias? (Of course if one doesn’t have the mapped it would have to be alias)
Depends on your use-case, but I like to put them in my mapped @@cp3onmtv963
@@UICollectiveDesign ok appreciate you
Anytime. Be sure to share our channel where you can :) @@cp3onmtv963
Perfect timing
Glad it helps!