Design System Starter Kit是一套精美的特別的網(wǎng)頁(yè)設(shè)計(jì)規(guī)范模板，本套模板與其他的規(guī)范不一樣，本套模板主要是定義排版、定義空白、定義顏色概覽、定義網(wǎng)格、設(shè)置基本原子（例如按鈕和表單）等。這將帶來(lái)更一致的設(shè)計(jì)、更好看的設(shè)計(jì)以及對(duì)開發(fā)人員更友好。模板內(nèi)含有：

1. 設(shè)計(jì)系統(tǒng)設(shè)置：設(shè)計(jì)系統(tǒng)是什么，以及文件是如何設(shè)置的。

2. 排版：15 個(gè)精心設(shè)計(jì)的畫板提供了桌面、平板電腦和移動(dòng)屏幕尺寸的排版概覽。
3. 網(wǎng)格：八個(gè)畫板解釋了這個(gè)設(shè)計(jì)系統(tǒng)的網(wǎng)格。為 6 種不同的屏幕尺寸定義。
4. 顏色：這個(gè)設(shè)計(jì)系統(tǒng)中使用的顏色的漂亮概述。容易改變。
5. 空白：這些幻燈片解釋了空白的使用，并概述了允許的空白。
6. 圖標(biāo)：一組13個(gè)常用圖標(biāo)。
7. 交互：按鈕、字段和下拉菜單，根據(jù)最新的 Figma 功能進(jìn)行設(shè)置。
8. 攝影：我們喜歡如何在 Figma 中設(shè)置攝影方向的示例。

9. 分子：本文件中使用的分子的概述。

10. 有機(jī)體：有機(jī)體的概述，結(jié)合干凈整潔的布局，根據(jù)智能命名系統(tǒng)組織所有有機(jī)體。這部分如果非常獨(dú)特，并且將是您在其他套件中找不到的東西。