現(xiàn)在不少公司都選擇用Figma之類的工具進(jìn)行協(xié)同設(shè)計(jì)，一般都會(huì)建立一個(gè)共同的設(shè)計(jì)庫。那作為新手，我們?nèi)绾未罱ㄒ粋€(gè)自己的設(shè)計(jì)庫？這篇文章，作者為我們詳細(xì)解答。

在追求設(shè)計(jì)效率和一致性的道路上，搭建一個(gè)Figma設(shè)計(jì)組件庫成為了不少設(shè)計(jì)團(tuán)隊(duì)的必經(jīng)之路。但作為一個(gè)零經(jīng)驗(yàn)者，該如何從0到1科學(xué)地系統(tǒng)地搭建一個(gè)設(shè)計(jì)組件庫呢？

相信我的文章會(huì)解答你的困惑，接下來，讓我們一起來探索！

一. 簡約而吸引人的封面

二. 用戶必備知識(shí)

三. 變更日志

寫變更日志（Change Log）通常是軟件開發(fā)過程中的一部分，但是對(duì)于維護(hù)設(shè)計(jì)組件庫同樣適用，因?yàn)榻M件和開發(fā)密不可分，確保組件庫中的設(shè)計(jì)元素符合開發(fā)需求，而且可以在實(shí)際開發(fā)中輕松地使用。

做了8年产品经理后，我是这么看产品经理的

我个人是从非常初级的产品经理做起，再到负责一个大产品的项目管理，现在有幸跳出了日常基础的工作更多的去看产品的PMF，product strategy...

查看详情 >

它記錄了每個(gè)版本中的變更和更新。一個(gè)好的變更日志能夠?yàn)橛脩籼峁┣逦牧私猓嬷麄冃掳姹镜墓δ?、改進(jìn)和修復(fù)的問題。

1）版本號(hào)和日期：

在變更日志的開頭，列出當(dāng)前版本的版本號(hào)和發(fā)布日期。這有助于用戶快速了解他們是否需要升級(jí)到新版本。

通常我們會(huì)使用語義化版本控制（Semantic Versioning）：

?????

在實(shí)際應(yīng)用中，版本號(hào)的變更通常遵循以下原則：

• 當(dāng)發(fā)布新功能時(shí)，增加次版本號(hào)，并將修訂版本號(hào)重置為 0。
• 當(dāng)發(fā)布修復(fù)了 bug 的版本時(shí)，增加修訂版本號(hào)。
• 當(dāng)發(fā)布引入了不向后兼容的更改時(shí)，增加主版本號(hào)，并將次版本號(hào)和修訂版本號(hào)重置為 0。

2）改動(dòng)內(nèi)容包含：

A. 功能新增：

列出新版本中引入的新功能和改進(jìn)。簡要描述每個(gè)新增功能的目的和影響。

B. 改進(jìn)和優(yōu)化：

記錄對(duì)現(xiàn)有功能的改進(jìn)和優(yōu)化。這可能包括性能改進(jìn)、用戶界面優(yōu)化或用戶體驗(yàn)的增強(qiáng)。

C. 問題修復(fù)：

列出在該版本中修復(fù)的問題或錯(cuò)誤。描述每個(gè)修復(fù)的問題以及它們對(duì)用戶的影響。

?

D. 安全更新：

如果新版本包含安全更新，確保在變更日志中明確記錄。提供有關(guān)更新如何解決潛在風(fēng)險(xiǎn)的簡要說明。?

E. 已知問題：

如果有已知的問題或限制，也應(yīng)該在變更日志中進(jìn)行記錄。這有助于用戶了解在升級(jí)之前需要考慮的問題。

F. 其他說明：

如果有其他與版本相關(guān)的重要信息，比如不再支持的舊版本、重要提示或升級(jí)說明，也應(yīng)該在變更日志中提供。

在每個(gè)新版本發(fā)布時(shí)更新變更日志，并確保保留之前版本的變更記錄。這樣用戶可以查看歷史版本的變更情況。

四.組件庫主體

不同體量的組件庫包含的內(nèi)容有所差異，大體上分為兩大塊內(nèi)容：

1）基礎(chǔ)元素

2）常用組件

常用組件是設(shè)計(jì)系統(tǒng)中經(jīng)常被使用的一些界面元素或模塊，具有通用性和復(fù)用性，可以在不同的頁面和場景中被頻繁使用。

不同體量的組件庫之間在其包含的組件數(shù)量、深度和廣度，以及適用的范圍和復(fù)雜性方面有差異。通常按照首字母順序建立不同的頁面，列出當(dāng)前規(guī)范中包含的具體組件。

3）頁面級(jí)別

頁面級(jí)別展示了不同頁面的設(shè)計(jì)示例和標(biāo)注，幫助用戶理解不同頁面的結(jié)構(gòu)和布局，并且可以通過示例直觀地感受到組件的實(shí)際應(yīng)用效果。

五.存檔

存檔部分包含了一些過時(shí)或不再使用的組件，雖然它們不再發(fā)布，但仍然保留用于文檔和備份。這些組件可能已經(jīng)找到了新的宿主庫，或者被新的組件替代，但它們的歷史價(jià)值依然存在。

這是一篇非常詳細(xì)的設(shè)計(jì)庫搭建指南，不要猶豫！快來嘗試從0搭建一個(gè)自己的設(shè)計(jì)組件庫吧，這將是一件充滿成就感的事情，你也會(huì)從實(shí)踐中學(xué)到更多的知識(shí)！??????????????