Luis

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!

Done with components Component libraries aren't design systems until people start caring.

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!

A mockup of a table in Figma with a collapsed and expanded version. The expanded row version shows inner content, containing a description and a few pills. There are arrows pointing to the background color of the expanded row, the content block, and the pills. The arrows all have the same label of "Black 4% opacity".

A zoomed in view of the table

Enjoying playing around with opacity layering to try and reduce the amount of variables you need to support

Google’s search results page is an obstacle course

Yeeeees