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

 

主要功能模塊分為

1:組件庫(kù)

2:色彩庫(kù)

3:模版庫(kù)

4:iconfont庫(kù)

 

組件庫(kù)

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

 

2.將你需要的組件拖拽到你的頁(yè)面

 

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

 

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

 

 

 

色彩庫(kù)

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

 

2.選擇需要的顏色

 

3.選擇需要填充顏色的對(duì)象

 

4.選擇填充還是描邊

 

模板庫(kù)

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

 

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

 

iconfont庫(kù)

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

 

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

 

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

 

 

插件下載地址：

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

 

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

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