sketch material(組件生（shēng）成)

sketch material是一款非（fēi）常好（hǎo）用的sketch插件（jiàn），支持進（jìn）行各（gè）種常用組件的生成（chéng），可以大大提高使用sketch的工（gōng）作效（xiào）率，歡迎有（yǒu）需要的朋（péng）友到綠色資源網下載使用！

官方介紹

Sketch Material 是一個由穀歌全棧設計師 Siddhartha 設計開發的 Sketch 插件，能夠（gòu）生成複雜的 Material Design 風格（gé）的交（jiāo）互（hù）控（kòng）件，比（bǐ）如按鈕、表單、表格等。該（gāi）插件（jiàn）致力於提（tí）升設計（jì）師使（shǐ）用 Sketch 時的工（gōng）作（zuò）效率。

sketch material插件功能

1.表（biǎo）格生成 | Table

表格生（shēng）成器（qì）支（zhī）持（chí）從 excel 和 Number 裏粘（zhān）貼複製數據進（jìn）來，很驚豔（yàn）。另外，可以選擇（zé）是否有表（biǎo）頭、複選框、投影以及換頁（yè）按鈕，也可以選擇表格的（de）尺寸是舒適或緊湊（còu）。

生成器的左下角還有個（gè）效果預覽，挺（tǐng）有心。

2.表（biǎo）單生成 | Forms

支持添（tiān）加包括單選框、複選框、輸入（rù）框等（děng）五（wǔ）種類型的表單元件。另外，自由（yóu）度非常（cháng）高，所有可視字段均（jun1）可在生（shēng）成器右側進行（háng）編輯（jí）。該功能同樣非常（cháng）良心。

1.7版本中部分字段沒有限（xiàn）製字（zì）長，會溢出編輯（jí）框，已在 github 上向穀歌大大反（fǎn）饋。

3.按鈕生成 | Button

選定文字圖層後，使用這個功能可以（yǐ）生成兩種（zhǒng）類型（Flat、Raised）的按鈕，每種類型支持三個（gè）狀態（tài）（pressed，disable，normal）。生成按鈕時（shí），會自動將小（xiǎo）寫英（yīng）文（wén）轉（zhuǎn）化為（wéi）大寫。

4.標簽生成 | Chips

可以設置容器寬度，這個（gè）關係到標簽自（zì）動換（huàn）行。在（zài）輸入（rù）文字後回車以生成（chéng）標簽，大家可以根據自己的需要選擇標簽的狀態。

5.彈窗生（shēng）成 | Dialogs

彈窗生（shēng）成器支持生成移動端和桌麵端的彈窗（chuāng），另外可以（yǐ）選擇（zé）是（shì）否（fǒu）帶有標題。彈窗中（zhōng）的所有文字元素均可編（biān）輯。比直（zhí）接置（zhì）入 symbol 後再作修（xiū）改（gǎi）要省（shěng）事多（duō）了。該功能非常良心（xīn）。

6.圖標庫 | Icons | shift+command+i

圖標庫比較強大，支（zhī）持四種顏色的換色以及搜（sōu）索（suǒ），錄入了（le）幾乎所有 material design 裏用（yòng）到的（de）圖標（biāo）。就算不（bú）是在設計 md 風格的產（chǎn）品，概（gài）念稿（gǎo）的階（jiē）段也可用這些圖標來占位。

7.吐司生（shēng）成（chéng） | Snackbar

吐司生（shēng）成功能支（zhī）持移動端和桌麵（miàn）端的吐司（sī），所有可（kě）見字段均可編輯（jí）。另外，你也可以選擇隱（yǐn）藏或顯（xiǎn）示（shì）按鈕。

這裏按鈕的文字輸入會有亂序（xù）情況（kuàng），我（wǒ）也在 Github 上反饋了。

8.提示（shì）生成 | Tooltip

和（hé） Buttons 功能基本一（yī）致，就是選擇文字圖層後將其生成（chéng）為（wéi）提示框。

9.文字樣式選擇 | Typography

選擇文字圖層後（hòu），在樣（yàng）式選擇其中選擇對應的樣（yàng）式即可更改文字樣（yàng）式，這些（xiē）都是 Material Design 中規（guī）定（dìng）的樣式（shì）。

10.浮高調（diào）整 | Elevations

當你選擇（zé）一個圖層或分組（zǔ）時，可以用該功能（néng）來調節（jiē）其浮高投影，總共分了（le）六個投影值。