Semi Design 發布，前端同學的福音

大家好，我是魚皮。

最近，字節跳動的抖音前端技術團隊開源了一款企業級應用設計系統 Semi Design ?。這也是他們團隊在 GitHub 上首次公開的項目，短短幾天，就收獲了 3.6 k 個 star。

GitHub 開源倉庫

老實說，看到這個開源項目的那一刻，我真的非常激動！因為我從第一次了解到字節跳動開始，就非常喜歡他家的設計風格，既簡約又有現代感。

這次他們開源的 Semi Design，不僅是一套精美的設計系統，還是一套開箱即用的 React 組件庫，對于我這種喜歡用 React 來寫前端的開發者，真的是福音了。

semi-design 設計風格

下面我帶大家來看一下，這個 Semi Design 到底香不香！

體驗

打開 Semi Design 的官方文檔，可以看到官方對 Semi Design 的介紹：

Semi Design 是由抖音前端團隊，MED 產品設計團隊設計、開發并維護的設計系統。它作為全面、易用、優質的現代企業級應用 UI 解決方案，從字節跳動各業務線的復雜場景提煉而來，支撐近千計平臺產品，服務內外部 10 萬+ 用戶。

他有以下幾大特點：

• 遵循簡潔輕量、現代化的設計風格，開放自定義，讓設計 “活” 起來

• 提供主題編輯器和主題商店，可以輕松切換視覺風格

  主題商店

• 完備的國際化，默認支持十幾種語言

• 采用跨前端框架技術方案實現、F/A 分層設計，通過重構，可以快速支持除 React 外的通用組件庫，比如 Vue、Svelte 等：

  F/A架構

當然，光有這些并不能讓我眼前一亮。畢竟現在前端的組件庫實在太多了，像 “國際化” 這種很多組件庫都具備的東西已經像是不成文的標準，不再是 “你有它讓人很新鮮”，而是 “你沒有它反而讓人覺得垃圾” 。

然后打開 Semi Design 的組件文檔，可以看到頁面比較精簡、組件也很豐富。但是左側組件菜單的小圖標給我一種不太舒服的感覺，好像色彩太過豐富了一些。

組件文檔

此外，整個文檔給我的感覺也是似曾相識，好像和螞蟻的 React 組件庫 Ant Design 神似。

Ant Design 組件庫

然而，點擊查看一個組件后，我發現了一些小驚喜。

首先是每個組件上方都多了一個 版本對比 的按鈕：

有了這個東西，我們可以快速了解每個組件隨版本的更新和變化，從而減少一些版本不一致導致的 Bug。

版本對比

還有就是提供了 代碼實時編輯 的能力，我們想要使用哪個組件，都可以直接實時修改代碼并查看效果。可以等調試出自己想要的界面時，再把代碼復制到自己的項目中，從而大大提高開發效率。

實時編輯組件

此外呢，Semi Design 還計劃上線物料市場，可以理解為一個組件社區。之后會提供更多開箱即用的組件，幫助大家更快地開發出精美的前端界面。

物料市場

總之，整體來說，我還是很看好 Semi Design 的。

雜談

雖然網上都在說 Semi Design 是抄襲了 Ant Design，但也許這不是什么壞事。

首先，螞蟻的 Ant Design 本身就已經開源了，開源的理念之一就是希望讓大家更好的參與項目的建設、共同促進技術的發展。螞蟻團隊為國內的前端生態做出了不可磨滅的貢獻，也有很多成熟的、值得學習的理念和技術，其他組件庫去借鑒和學習他們，自然也是對他們的肯定。

當然，我本身很討厭抄襲，但借鑒和抄襲是兩碼事。

換個思路想想，假設 Ant Design 做的并不好，字節抖音那么大的團隊，難道還會去借鑒他們么？難道他們團隊沒有實力去做一個又新又好的么？

而且，仔細看 Semi Design 就會發現，他的語法風格和屬性名稱和 Ant Design 的也很類似。你當然可以說他是抄襲，但仔細想想，對于用戶來說，使用不同的組件庫時不需要去區分語法，可以保持之前的使用習慣，難道不是一件天大的好事么？

比如很多編程語言的取子字符串函數名都是 substring，已經成為了一種不成文的標準。

當我們做一個新產品、造個新輪子時，能讓用戶自然平滑地遷移和切換，是一種很機智的策略。

再說了，字節開源了 Semi Design，不僅對我們開發者來說是多了一套選擇，而且還變向地給 Ant Design 施加了壓力，也許能促進他們更好地進步和完善呢？

當然，以上只代表我個人看法~ 無論如何，希望前端組件庫能發展的更好，造福更多的開發者。

---

以上就是本期分享，我是魚皮，最后求個 點贊 + 在看 ，這將是我持續創作的最大動力，謝謝 🙏

往期推薦

隔壁廠員工進局子了！

我的個人博客上線啦！

27萬，這次事情搞大了！

匯總一波免費 Python 資源

魚皮 Java 學習路線視頻 + 網站

總結

以上是生活随笔為你收集整理的字节前端终于开源！吹爆！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。