Accessible color theme for UI3

I would love to have a higher contrast theme for Figma’s UI. It has long been a minor annoyance to me that a tool I use to create accessible designs doesn’t itself meet minimum accessibility requirements. However I’m now at a point where it’s actively impeding my own workflows.

I’m currently going over hand-off-ready designs to make sure they use variables in all their autolayouts. The distinction between pixel inputs that have variables assigned to them and those that don’t is unfortunately abysmal, making the work very strenuous when it doesn’t need to be. The little raised/sunken area and border around the value isn’t anywhere near WCAG contrast recommendations in either theme.

There are plenty of other instances throughout the UI where I feel aesthetics have been prioritised over accessibility and that would benefit from an accessibility audit, but a higher contrast theme would be an excellent start.

1 Like

Hey @Vincent_Schlothauer, thanks for the feedback!

We’ll pass this onto our accessibility team for future consideration.

1 Like

Hi Figma team,

I’m writing to share my initial thoughts on the new UI3 interface. While I appreciate this update’s fresh look and effort, the light and dark themes have some readability issues.

I find that the contrast between certain elements can be a bit challenging on the eyes, making it slightly difficult to distinguish different parts of the interface. For example, I find the text in the component panel to be a bit faint against the background color.

Perhaps a slight adjustment to the contrast levels could improve the overall reading experience. For example, increasing the font-weight or adding a subtle contrast to the background.

I believe that addressing this issue would make the UI3 even more user-friendly and enjoyable to work with.

Thank you for your time and consideration.
Best regards,
Ngân Võ

+1
the light gray from the UI elements is hard to see, a stroke around selected elements would be much appreciated (Like OP mentioned)