ZonoTools

顏色轉換器技巧：從設計令牌到生產 CSS

By ZonoTools5 min read

保留一個真相來源

以一種規範格式儲存基色，並從確定性轉換中匯出其餘顏色。

這減少了 Figma 令牌、Tailwind 配置和 CSS 變數之間的偏差。

輔助功能檢查不是選購的

對設計系統中的每個前景-背景對執行對比度檢查。

儘早驗證淺色和深色主題，以防止以後進行昂貴的視覺品質檢查。

Recommended Tools