照亮黑暗模式

Over the last couple of years, one feature emerged as our top user request: dark mode. Designers were tired of being assailed with a bright screen when working on Figma files late into the night, and studies have shown that people with visual impairments find dark mode more legible than light mode. (Visual contrasts are a core tenet of the W3C Accessibility Guidelines [WCAG] 3.0 standards, and we wanted to make sure our dark mode efforts satisfied those requirements.) That meant that delivering dark mode for us was more than just answering a user request—it mapped back to Figma’s core mission of making design accessible to all.

在过去的几年里，有一项功能成为了我们的首要用户要求：黑暗模式。设计师们已经厌倦了在深夜处理 Figma 文件时被明亮的屏幕所困扰，而且研究表明，有视觉障碍的人认为黑暗模式比光明模式更清晰。(视觉对比是《万维网联盟无障碍指南》[WCAG]3.0标准的核心原则，我们想确保我们的黑暗模式工作满足这些要求）。这意味着对我们来说，提供深色模式不仅仅是满足用户的要求--它与Figma的核心使命相吻合，即让所有人都能获得设计。

So, after months of toiling over the right approach, we shipped dark mode in May. Product Manager Jacob Miller and Product Designer Ryhan Hassan detailed the product and design challenges of implementing dark mode at Config 2022, our annual conference. Not only did dark mode surface thorny UI questions—which Jacob and Ryhan talked all about—it required a significant engineering lift. As they said in their talk, “One of the hardest things about dark mode is that people think it’s easy.”

因此，在为正确的方法苦苦思索数月之后，我们在5月推出了黑暗模式。产品经理Jacob Miller和产品设计师Ryhan Hassan在我们的年度会议Config 2022上详细介绍了实施黑暗模式的产品和设计挑战。黑暗模式不仅浮现了棘手的用户界面问题--雅各布和Ryhan都谈到了这一点--还需要一个重大的工程提升。正如他们在演讲中所说，"关于黑暗模式最困难的事情之一是人们认为它很容易"。

The complexities of color

色彩的复杂性

On the surface, implementing dark mode seemed like a straightforward front-end change: Simply swap every light color for a dark one. But we quickly discovered that the project was much more complex than that. We wanted to build a solution that wouldn’t just solve the existing need for a new feature, but would be flexible enough to scale with us as the product evolved. Doing so would make it easier to onboard new engineers, tackle unforeseen challenges, and introduce new themes do...