Figma Variables(完整包)
導入變量後,可直接在品牌稿、UI 組件和設計系統中調用 567 種中國傳統色。
把 567 種中國傳統色卡直接放進 Figma、Procreate、Photoshop、Tailwind、CSS 和 AI 繪圖工作流。
一份給設計師和開發者的完整交付包:色板、ASE、Figma Variables、Tailwind、CSS、DTCG tokens、AI 提示詞、乾隆色譜、敦煌色與節氣色板。
免費資源用於驗證格式、引用和教程;付費包用於真正交付項目、團隊設計系統和批量創作。
導入變量後,可直接在品牌稿、UI 組件和設計系統中調用 567 種中國傳統色。
按色系、24 節氣、乾隆色譜和敦煌洞窟整理,插畫師可以直接導入使用。
給前端項目的 drop-in 資源:CSS variables、Tailwind theme partial、W3C DTCG tokens。
把色名、HEX、英文名和文化線索組織成 Midjourney、SDXL、ComfyUI 可用提示詞。
快速建立國潮、新中式、文化品牌的配色系統。
導入色板後直接開始古風、節氣、敦煌主題創作。
把傳統色變成 CSS、Tailwind 和設計 Tokens。
用文化語境更準確地控制國風、宋式、敦煌圖像。
如果你只是想復制單個 HEX,免費站點已經夠用;資源包面向的是需要把中國傳統色真正放進設計、開發和 AI 生產流程的人。
設計團隊 · 開發者 · AI 創作者
一個 ZIP 打包完整設計工作流:Figma Variables、ASE、Procreate 色板、CSS、Tailwind、DTCG Tokens、AI 提示詞、乾隆色譜、敦煌色與 24 節氣色板。
插畫師 · 數字藝術家
可直接導入 Procreate,按色系、24 節氣、乾隆色譜、敦煌壁畫色分組。
前端工程師 · 設計系統構建者
面向中國色 UI 系統的可直接接入資源:CSS 變量、Tailwind 配置、W3C DTCG Tokens 與結構化 JSON。
Midjourney · SDXL · ComfyUI 用戶
面向 Midjourney、SDXL、ComfyUI 的中國傳統色提示詞,按色彩、場景、HEX 與文化線索分組。
先下載 4 個免費樣包,確認 Procreate 色板、CSS 變量和節氣色板是否適合你的工作流;購買完整資源包後解鎖全部 567 色與 70 個導出文件。
代碼和導出色值可用於商業項目;建議在公開資料或研究引用中保留 Chinese Color Atlas 來源。
Complete Pack 包含 Figma Variables JSON,可導入變量工作流;後續 Figma 插件會把搜索、插入和變量生成做成一鍵操作。
下載 .swatches 文件後,在 iPad 上用 Procreate 打開即可導入。免費樣包可先測試流程。
這裡不只是復制 HEX,而是把 567 色整理成 Figma、Procreate、Tailwind、CSS、AI prompt 和完整 JSON 工作流。