menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Product Design

Are you a product designer working in tech? This community is for you.

Channels
Team

Figma hack: name color tokens with symbols to show color contrast

February 4, 2021 at 4:42am

Figma hack: name color tokens with symbols to show color contrast

February 4, 2021 at 4:42am
I started working with Tailwind CSS's color system, but it was taking a lot of time to figure out which colors were accessible on light and dark mode backgrounds. So I came up with a little naming hack to see how accessible colors are on the fly. Here are the details: https://zachalbert.medium.com/naming-accessible-color-tokens-in-figma-2563d9163974
No messages yet