千米網是中國領先的專業電商 SaaS 平臺，主要服務新零售企業，產品包含訂貨系統、分銷系統、微商城、門店管理系統等電商解決方案。

電商產品錯綜復雜，產品線之間牽連很深，讓這棵盤根錯節的大樹在面臨大版本迭代時苦不堪言。

為了保持迭代時設計風格統一、設計語言一致，并減少溝通成本，同時減輕產品經理原型設計的負擔，墨刀協助千米從零到一搭建一套相對完整的組件庫。

簡單的來說，組件庫就是界面設計中常用的控件與元素的組合。或許我們可以將組件庫比作樂高的基礎顆粒，它們看起來很簡單，也沒什么特別的，卻可以通過設計師的巧手搭建出炫酷的城堡。

一個優秀的組件庫可以復用在許多項目中，也可以大大減少設計師的工作量。但因為不同行業、不同產品、不同項目的常用組件差異非常大，即使有了這些現成的組件庫，也無法適用自己的產品，可以說每個公司所需的組件庫都是非常個性化的，這也正是千米網想要搭建自己組件庫的原因。

在工具的選用上，幾乎沒花太多時間。千米一直在使用墨刀作為生產力設計工具，也已在墨刀中積累了大量的設計文件和素材。同時，墨刀的產品特性支持多人協同編輯，也方便記錄交互邏輯跳轉，這些特性是在組件庫搭建和維護當中都不可或缺的。

墨刀擁有豐富的組件，細分到：組件、圖標、圖片、和頁面......等多個方向。

不過從某種程度上講，組件庫是對設計師的約束。配色、圖標、按鈕等一系列設計語言要素共同構成了一套標準化的設計體系，限制了基礎設計方向，但同時也為后期的設計決策提供著指引。通過這些組件的設計積累，也避免了多業務線多款產品設計上的不統一。

因此另一個角度看，組件庫也是對設計師的解放。過去，在時間有限的情況下，設計師常常會優先基礎層面的表層設計，而忽略了業務層面的體驗優化。

有了組件庫后，通過提升設計團隊的業務認知，把組件省下的時間去觸及業務，來更好的為設計服務，讓業務和設計相輔相承。團隊協同時，組件庫的功用被放大到極致。組件庫搭建好后，設計團隊在墨刀上與產品團隊共享了這套組件庫，將其提供給產品經理使用，進行原型搭建。協同之間，組件庫讓產品和設計團隊避免了表層展現不同所帶來的理解誤差。

對于迭代與維護，每個組件庫都可以設置相應的責任人，讓團隊每個人只需要關注自己相關業務的組件庫維護。而墨刀本身的多人協同屬性，也讓組件庫的協同維護成為可能。組件不僅需要 UI 的維護，還要有協同其他部門通力配合，才能保證更好的推進和落地。

開始搭建前，也需要以產品特點和技術架構確定組件庫的結構，再順著結構脈絡梳理產品功能。組件庫搭建是一個團隊共同完成的大項目，為了搭建出一個真正高可用、可拓展的組件庫，一定要打通溝通阻礙，完成高效配合。

墨刀上手快，功能涵蓋頁面設計與交互跳轉，支持多人協作共同編輯，墨刀致力于幫助千米更好的破圈。