Turns out I was logged out! 🤣
Turns out I was logged out! 🤣
A new Figma widget I built for component to do lists
The code is also open if you’d like to clone it locally: github.com/louriach/Wid...
Thank you for sharing!
I won’t be there unfortunately 😞
😯 NICE! Will let you know next time I'm in
Love this
For the HSL transformations, have you found them to give consistent outputs across colour? I.e. will you eventually move to OKCLH?
Holiday Dalai Calma
Very, very smooth. Tell me more about this “structure” naming convention!
The difference between a bet and a strategy is hindsight
That’s something I can’t wrap my head around yet. Instinctively, I want to push those into another collection called System, which is a refined set of the full primitive list
Primitive (brand modes
> system (refined, light/dark)
> semantic (single mode)
Playing here www.figma.com/design/twnnN...
Whilst this isn’t traditionally deemed best practice, I can see a very strong case for it!
Recently I’ve been thinking that perhaps primitives are where we store the brand modes
More chips purchased
Has anyone figured out the ROI of liquid glass yet
Looking forward to reading about this
Great callout. Do you keep primitives in a single mode?
Figma’s previous token setup had different saturation ramps for light and dark primitives!
Looking forward to it!
Will you be able to share it publicly?
Love this blog series
Oh wow this is exactly what I had in mind!
Yeah same! Just trying to think about what 3.0 may look like 😃
Progressively, I guess so! But I think the light/dark AND brand switch at the semantic level is perhaps not the way
I can’t stop thinking about how maybe semantic tokens should be a single mode
A codified name to consolidate a cascade of (aliased) decisions
- Light/dark are system changes
- Brand is a change at the primitive level
Love this!
Had a play around with an OKCLH picker thing where you can darken all colors evade-pleat-13396558.figma.site
Published a new plugin 🤖
"Import CSS shadows, create Figma styles" allows you to do just that. You can create variables too
Recently I was building a UI kit from an existing website and rebuilding shadows from CSS was really slow, so built this!
www.figma.com/community/pl...
New plugin published: batch rename variables
It allows you to rename by:
• Find & replace
• Add prefix
• Add suffix
• Change case
You can also revert any name changes.
Should hopefully save a tonne of time!
www.figma.com/community/pl...
I've updated the CSS variables Figma plugin!
Noooow, you can export AND import CSS variables. Copy, paste, or upload a CSS file, and it will generate your variables including aliasing ◇
Hopefully makes variable migration a lot easier
www.figma.com/community/pl...
😮 okay there’s tomorrow’s homework
Thank you for continuing the conversation!
Weirdly, I was thinking about "design systems limit my creativity" over the weekend and @donnie.damato.design drops this: blog.damato.design/posts/done-w...
Innovation requires deviation, and locking down experimentation is where alignment fails. Maybe we don't need component arbiters anymore?
See you there!