sketch material(組件生成)

sketch material是（shì）一款非常好用的sketch插件（jiàn），支持進行各種常用組件的生成，可以大大提高使用sketch的工作效率，歡（huān）迎有需要的朋友（yǒu）到綠色資源網下載使用！

官方介紹

Sketch Material 是（shì）一個由（yóu）穀歌全棧設計師 Siddhartha 設計開發的 Sketch 插件，能夠生成複（fù）雜的 Material Design 風格的交互控件，比如按鈕、表單、表格等。該插件致力於提升設計（jì）師使用（yòng） Sketch 時的工作（zuò）效率。

sketch material插件功能

1.表格生成（chéng） | Table

表格生成器支持從 excel 和 Number 裏粘貼複（fù）製數據進來，很驚豔。另（lìng）外，可以選擇是否有表頭、複選框、投影以（yǐ）及換頁按鈕，也（yě）可以（yǐ）選擇表格的尺寸是舒適或緊湊。

生成器的左下角還有個效果（guǒ）預覽，挺有（yǒu）心。

2.表單（dān）生成 | Forms

支持添加包（bāo）括單選框、複選框（kuàng）、輸入框等五種類（lèi）型的表單元件（jiàn）。另外，自（zì）由度非常高，所有可視字段（duàn）均可在生成器（qì）右側進行編輯。該功能同樣非常良心。

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

3.按鈕生成 | Button

選定文字圖層後，使用這個功能可以生成（chéng）兩種類型（Flat、Raised）的按鈕，每種類型支持三個（gè）狀態（pressed，disable，normal）。生（shēng）成按鈕時，會自動將小寫英文轉化為大寫（xiě）。

4.標簽生成 | Chips

可以設置容器寬度，這個關（guān）係到標簽自動（dòng）換行。在輸入文字後回車以生成標簽（qiān），大家可以根據自己的需要選擇標簽的狀態。

5.彈窗生成 | Dialogs

彈窗生成器支持生成（chéng）移動端和桌麵端的彈窗，另外（wài）可以選擇是否帶有標（biāo）題。彈窗中的所有文字元素均可編輯。比直接置入 symbol 後再作修改要省事多（duō）了（le）。該功能非常良心。

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

圖標（biāo）庫比較強（qiáng）大，支持四種顏色的換（huàn）色（sè）以及搜索，錄（lù）入了幾乎（hū）所有 material design 裏用到的圖標。就算不是在設計 md 風格的產（chǎn）品，概念稿的階段（duàn）也可用這些圖標來占位。

7.吐司生成 | Snackbar

吐司生成功能支持移動端（duān）和桌麵端的吐司，所有（yǒu）可見字段均可編輯。另（lìng）外，你也可以選擇隱藏或（huò）顯示按鈕。

這裏按鈕的文字輸入會有亂序情況，我也在 Github 上反饋了。

8.提示生（shēng）成 | Tooltip

和 Buttons 功能基（jī）本一致（zhì），就是選擇文（wén）字圖層後將其生成為提（tí）示框。

9.文字樣式選擇 | Typography

選擇文字圖層後，在樣式選擇（zé）其中選擇對應的樣式即可更改文字（zì）樣（yàng）式，這些都是 Material Design 中規定的（de）樣式。

10.浮高調整 | Elevations

當你選擇（zé）一個圖層或分組時，可以用該功能來調（diào）節其浮高投影，總共分了六個投（tóu）影值。