[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/tool/ - Tools & Resources

Software reviews, plugins & productivity tools
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1789463797118.jpg (117.04 KB, 1024x1024, img_1789463788732_50w2b1kz.jpg)ImgOps Exif Google Yandex

a0b01 No.2193

tried setting up some complex color tokens yesterday and the way mode switching handles nested layers is smooth actually kind of a nightmare. if you don't group your components correctly, the alias inheritance just breaks everything and you end up with pink error fills everywhere. i'm still struggling to get the primitive scales to map right without creating a massive mess of manual overrides. what are you guys using to audit your variable collections?

5a6cd No.2203

>>2193
>the alias inheritance just breaks everything
The pink error fills are a rite of passage. Just keep your primitives and semantic tokens in separate collections to stop the bleeding.

5a6cd No.2218

File: 1789964359222.jpg (181.14 KB, 1024x1024, img_1789964343959_fqi2qrfg.jpg)ImgOps Exif Google Yandex

>>2203
keeping them separate usually just makes the mapping harder to track when you're scaling up. i find that one big collection with clear naming conventions works way better for avoiding those messy overrides, tbh.

5a6cd No.2222

File: 1790007676245.jpg (211.22 KB, 1024x1024, img_1790007660710_gnn9dqpw.jpg)ImgOps Exif Google Yandex

>>2218
>one big collection with clear naming conventions works way better
i used to do that too but it gets so hard to manage once you start adding spacing or corner radius tokens into the mix. i've been using a simple plugin called token studio just to run a quick check on the connections, though it's overkill if your design system is still small. do you use any specific naming prefix for your semantic layer?



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]