oklch is great. betterLCH takes it further.
A tool for advanced color manipulations and precise contrast control — sync with @figma and see your whole theme update instantly.
Try it free at https://t.co/bMpe0GfQwC
Details in a thread.
#oklch#apca#figma#designsystems
@msllrs@iamdavidhill@opencode Semi-transparent overlays are beneficial for gradient/image backgrounds, but for solid colors I dream about relative color syntax in Figma similar to CSS (+oklch of course):x
https://t.co/kkU2x7LEyu
APCA is a modern, perception-based contrast standard. WCAG is still the legal one. betterLCH now supports both.
Obtain the right contrast for any color combination.
#oklch#accessibility#a11y#apca#wcag#designsystems
Infinite color combinations. Almost identical contrast every time. This is what contrast generation looks like — not checking, generating.
Deep dive into betterLCH — a color tool I've built for design system teams who want full control over their color system.
Links in thread.
5 years ago I built a Bricks Constructor in Figma.
It always felt unfinished.
Aligning and stacking bricks on the canvas was just too painful — so it sat there, incomplete.
@figma Make finally changed that.
Now it's interactive, and it's live: https://t.co/SZzjGTYf5u
Initially, I didn't want to add any decoration to betterLCH, focusing purely on its function.
But how can you stand using a beautiful shader when it's as easy as hitting ⌥R in @paper? And it maps straight to my color styles!
oklch is great. betterLCH takes it further.
A tool for advanced color manipulations and precise contrast control — sync with @figma and see your whole theme update instantly.
Try it free at https://t.co/bMpe0GfQwC
Details in a thread.
#oklch#apca#figma#designsystems
When you're done, export directly to Figma as variables.
Change one base color → your entire design system updates in seconds.
Try it yourself at https://t.co/bMpe0GfQwC
It started with a glance at Geist Pixel and ended up as a @figma template that helps to precisely align the font with patterns and pixel grid: https://t.co/GPbCQh54QH