最近開(kāi)始學(xué)習(xí)使用sketch汽摹,發(fā)現(xiàn)這對(duì)設(shè)計(jì)師來(lái)說(shuō)簡(jiǎn)直是神器匾委,畫(huà)設(shè)計(jì)稿的效率提高不是一點(diǎn)半點(diǎn)圃阳。而與設(shè)計(jì)師對(duì)接的前端工程師也是能享受到其中的便利的盅弛,除了sketch自帶的copy css屬性外箩帚,下面推薦一些前端工程師比較適用的sketch插件真友。
1.Sketch Toolbox
管理插件,安裝插件紧帕。安裝其他插件前先裝這個(gè)吧~盔然。
![](https://app.yinxiang.com/shard/s19/res/e2c5fe0e-2239-4cc6-a71a-2a8ba16d7288/e5d24d7845eb2d68255b86178386e65a_b.png)
2.Marketch
自動(dòng)生成標(biāo)注
![](https://app.yinxiang.com/shard/s19/res/000aa705-4cbd-4be2-9603-9ad02e03ea19/48b0926b851b86cbd131e0e9d5f31287_b.png)
3.Measure
標(biāo)注補(bǔ)充版,自己選擇去標(biāo)注
![](https://app.yinxiang.com/shard/s19/res/8db29ed8-03f5-4136-a0db-64c7b13914eb/5cebe6503b34f3ac71edb1a21c65db30_b.png)
4.AnimateMate
做簡(jiǎn)單的動(dòng)畫(huà)是嗜。相比AE方便快捷愈案,所用的動(dòng)畫(huà)貝塞爾函數(shù)相對(duì)固定,UI開(kāi)發(fā)能較好地理解動(dòng)畫(huà)過(guò)程鹅搪。
![](https://app.yinxiang.com/shard/s19/res/7d6195f9-1cb7-4763-a639-6c64c86bb83f/f046c40bf76a3fbcb20431042a181d9b_b.png)
5.CSSketch
“代碼與設(shè)計(jì)結(jié)合可以帶來(lái)強(qiáng)大的力量站绪!此插件引入了CSS來(lái)控制設(shè)計(jì),利用好可以大大提升設(shè)計(jì)效率與精確性”
其實(shí)不知有啥卵用丽柿,也許在某個(gè)場(chǎng)景下很有幫助吧恢准。
![](https://app.yinxiang.com/shard/s19/res/6c532f2f-51cb-4b67-b22b-0963c2282515/95c193fe705d1df7d63b755371100389_b.png)