跳到主要內容
Lab Grimoire
TW EN
請喝咖啡
software

awesome-design-systems

163 個設計系統的策展清單,涵蓋企業、政府、開源社群。每個條目標註元件庫、設計 token、Storybook 可用性。設計系統選型比較的最佳起點。Unlicense 授權。

最適合誰

正在為新專案挑選設計系統或元件庫的前端開發者和設計主管。與其花兩週 Google 和比較,先從這裡開始。每個條目都標註了是否有元件庫、設計 token、Storybook,就是選型時最在意的三件事。

我實際怎麼用

需要選設計系統時,先打開這份清單,用我的需求過濾:必須開源、必須有設計 token、最好有 Storybook 可瀏覽。清單涵蓋 163 個系統,從 IBM Carbon、Salesforce Lightning 到各國政府設計系統,幾乎不需要再找別的地方。

這份清單也顯示產業趨勢:71% 已開源、設計 token 架構成為頂尖系統的標準、Radix + shadcn/ui 的 headless 模式正在改變 React 團隊使用設計系統的方式(複製而非安裝)。

真正強的地方

  • 163 個系統橫跨企業、政府、社群。持續更新 9 年,24,363 stars
  • 結構一致:每個條目標註元件庫、設計 token、Storybook 可用性
  • 社群維護(PR 驅動),不是一個人的意見
  • 看得出產業趨勢:token 優先架構、headless 元件、政府數位化加速

失敗模式與不該用的情境

  • 這是清單,不是工具。沒有安裝、沒有配置、沒有自動化
  • 沒有品質排序。收錄不代表推薦,品質差異很大
  • 部分連結指向已停維或消失的系統
  • 亞洲設計系統覆蓋很少

價格、上手門檻與風險

免費,Unlicense 授權。零門檻,瀏覽 README 即可。唯一風險是點進一個已經死掉的專案。

結論

不是工具,但確實省時間。如果你正在為專案評估設計系統,從這裡開始。加書籤,每個專案週期查一次,然後繼續做事。

來源