配色系统是设计系统的核心元素，创建配色系统的方法有很多种。例如，根据谷歌 Material Design 3 指南，一个设计系统必须具有主色、次要色、三级色和表面色（各种背景色）调色板，这将迫使你使用超过 40 种颜色。这么多的颜色会导致混乱，在设计过程中的会有干扰，大多数颜色甚至不会被使用。

设计系统是公司的核心产品，其用户是设计、开发和创意团队。因此，设计系统必须为所有人理解，为团队使用，为测试提供错误检查，并为公司盈利。我一直在努力实现这些目标，并因此改进了一种提供这些功能的配色系统。

追赶者才会差异化竞争，头部则直接“劫杀”。

随着业务发展、产品迭代和团队规模不断壮大，如何高效管理不断积累的设计稿件、提升协作效率成为团队管理规范化不可缺失的一环。本文将分享笔者制定团队 Figma 文件管理规范的经验，每个团队的实际情况不同，希望能为大家提供一些解决问题的思路。

以全新的思路与手段构建高度自由、可复用、可扩展的设计系统。

如何更科学地在 Figma 和 Sketch 中运用 design token？

Software Engineer Dorothy Chen explains the technical challenges and opportunities in making Figma keyboard shortcuts more accessible for everyone.

Data is a vital component in how we improve Figma day by day. Learn more about what kind of data we use and how we use it.

The physics behind spring animations.

A peek into the homegrown solution we built as the first design tool with live collaborative editing.

One of the problems we had to solve when we added multiplayer editing to Figma was supporting simultaneous editing of ordered sequences of objects.

The technical challenges of updating our autosave system.

A look at how we identify and address bugs.

一批超实用的Figma提效秘籍，希望能助力大家一顿快捷操作猛如虎，早早打卡下班不辛苦。

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.

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.”

A look at some interesting use-cases for CSS flexbox and grid in Figma app.

纵观全网Figma基本都是To B 、To C类的产品应用，很少人会往这个游戏这个方向研究了，因此我开启了一段Figma针对扁平类游戏UI设计的探索之旅，结合Figma Config 2022姗姗来迟的AutoLayout 4.0的使用，以英雄联盟鲜明的海克斯科技风格代表性更高。