螞蟻金服設(shè)計(jì)團(tuán)隊(duì)聯(lián)合iconfont平臺推出了一款基于Sketch平臺的設(shè)計(jì)插件集，其中包含了組件庫、頁面模板庫、色彩庫、圖標(biāo)庫等設(shè)計(jì)素材幫你更高效的完成設(shè)計(jì)工作。同時支持設(shè)計(jì)稿一鍵導(dǎo)出前端代碼，實(shí)現(xiàn)了設(shè)計(jì)開發(fā)一體化。

 

主要功能模塊分為

1:組件庫

2:色彩庫

3:模版庫

4:iconfont庫

 

組件庫

1.點(diǎn)擊組件庫圖標(biāo)打開組件庫面板

 

2.將你需要的組件拖拽到你的頁面

 

3.選中組件在右側(cè)修改組件類型和屬性

 

4.查看組件對應(yīng)代碼

 

 

 

色彩庫

1.點(diǎn)擊打開色彩庫面板

 

2.選擇需要的顏色

 

3.選擇需要填充顏色的對象

 

4.選擇填充還是描邊

 

模板庫

1.點(diǎn)擊模板庫圖標(biāo)打開模板庫面板

 

2.將需要的模板拖拽進(jìn)入頁面

 

iconfont庫

1.點(diǎn)擊iconfont圖標(biāo)打開iconfont面板

 

2.選中你所需要的icon并調(diào)節(jié)色彩或尺寸

 

3.將圖標(biāo)拖拽到你所需要的頁面位置

 

 

插件下載地址：

1.請登錄iconfont官網(wǎng)首頁鏈接進(jìn)行下載：http://iconfont.cn/

 

2.復(fù)制以下鏈接到電腦進(jìn)行下載

http://p.tb.cn/rmsportal_15502_Dapollo-2.0.1.zip