近日,由UI 設(shè)計(jì)稿智能生成源代碼工具CODE.FUN與即時(shí)設(shè)計(jì)合作的插件,已經(jīng)正式上架即時(shí)設(shè)計(jì)插件廣場。CODE.FUN也是即時(shí)設(shè)計(jì)插件廣場迎來的第105款插件。

開放插件API三個(gè)月總量破百 即時(shí)設(shè)計(jì)插件廣場迎爆發(fā)式增長

據(jù)了解,自開放插件API起,即時(shí)設(shè)計(jì)插件廣場迎來了爆發(fā)式的增長,三個(gè)月總量迅速破百。包括騰訊 CoDesign 和 TDesign、字節(jié) Arco Design 和 IconPark、阿里 Iconfont、字由字體、Moonvy 月維、vika 維格表、CODE.FUN、映造摳圖、佐糖摳圖等眾多優(yōu)質(zhì)國內(nèi)平臺迅速與即時(shí)設(shè)計(jì)展開合作,在設(shè)計(jì)交付、資源復(fù)用、字體管理、智能生成代碼、數(shù)據(jù)填充、在線摳圖等多個(gè)方面為用戶提供更專業(yè)的服務(wù),進(jìn)一步擴(kuò)展了即時(shí)設(shè)計(jì)在線協(xié)作平臺的能力邊界。

圖:即時(shí)設(shè)計(jì)插件廣場總量破百

與此同時(shí),開放的生態(tài)也吸引了大批優(yōu)秀的獨(dú)立開發(fā)者在即時(shí)設(shè)計(jì)上傳插件,從色彩搭配到圖像處理、從文本編輯到圖標(biāo)生成,大量種類豐富且實(shí)用的插件都在即時(shí)設(shè)計(jì)的插件廣場中涌現(xiàn)。

另一方面,大量的實(shí)用插件受到了用戶的認(rèn)可,包括高級圖表、Arco Toolbox、Unsplash 無版權(quán)圖片、用戶數(shù)據(jù)生成、圖片效果編輯、高級陰影、設(shè)計(jì)標(biāo)注、3D icons、騰訊 CoDesign、Moonvy 月維在內(nèi)的眾多實(shí)用插件上架后安裝量迅速破千,成為了設(shè)計(jì)師們?nèi)粘９ぷ髦胁豢扇鄙俚囊徊糠帧?/p>

8 小時(shí)工作量10 分鐘完成 CODE.FUN插件讓用戶輕松擁有提效神器

圖:CODE.FUN插件正式上線即時(shí)設(shè)計(jì)

據(jù)了解,CODE.FUN插件可以幫助用戶的設(shè)計(jì)稿智能生成源代碼,精準(zhǔn)還原告別反復(fù)走查,稱為提效神器。如今,用戶只需在即時(shí)設(shè)計(jì)插件廣場安裝 CODE.FUN 插件并上傳設(shè)計(jì)稿,即可實(shí)現(xiàn)設(shè)計(jì)稿智能生成源代碼,設(shè)計(jì)細(xì)節(jié)精準(zhǔn)還原,不再需要反復(fù) UI 走查。并且該插件還具備以下特點(diǎn):

? 設(shè)計(jì)師:0 學(xué)習(xí)門檻,0 新增工作量!

對設(shè)計(jì)師來說,使用該插件無需改變工作流程、無需額外手動(dòng)標(biāo)注、無需增加特殊編組、無需遵循特定規(guī)范。只要按照原有的流程和風(fēng)格正常輸出,設(shè)計(jì)完成后,用 CODE.FUN 插件一鍵提交即可將 UI 設(shè)計(jì)稿智能生成源代碼!

? 開發(fā):8 小時(shí)工作量,10 分鐘完成!

對前端開發(fā)者來說,在設(shè)計(jì)師上傳設(shè)計(jì)稿后,只需打開 CODE.FUN 就可以選擇任意需要的 UI 區(qū)域拷貝所需的源代碼。智能生成的生產(chǎn)級代碼,可以幫助開發(fā)們大幅減少摳像素、調(diào)布局這些枯燥的體力活,8 小時(shí)工作量,10 分鐘就搞定!

不僅如此,CODE.FUN 作為一款 UI 設(shè)計(jì)稿智能生成源代碼的工具,還可以將上傳的 Sketch、PSD 等形式的設(shè)計(jì)稿,通過智能化技術(shù)一鍵生成可維護(hù)的前端代碼,包含視圖代碼、數(shù)據(jù)字段綁定、組件代碼、部分業(yè)務(wù)邏輯代碼。并為用戶和團(tuán)隊(duì)提供加速研發(fā)進(jìn)度、促進(jìn)產(chǎn)品需求評審、銷售打單過程等多項(xiàng)幫助。

如何在即時(shí)設(shè)計(jì)中使用「CODE.FUN」插件

1.首先在「即時(shí)設(shè)計(jì)」插件廣場中搜索 CODE.FUN或在瀏覽器中打開下方鏈接

https://js.design/pluginDetail?id=6310d413b03e8ab1a9b40c9c

2.將選中的畫板/全部畫板,上傳到 CODE.FUN(首次使用需要登錄)

3.上傳完成后,點(diǎn)擊【查看項(xiàng)目】即可快捷跳轉(zhuǎn)至 CODE.FUN,點(diǎn)擊右上角【下載代碼】即可一鍵獲取智能生成的源代碼。