
Imgcook 是一款能夠?qū)⒃O(shè)計(jì)轉(zhuǎn)換為代碼的工具,它可以幫助前端開發(fā)者提高開發(fā)效率,同時(shí)幫助公司降低人力成本,由阿里巴巴出品。
產(chǎn)品功能
- 支持多種設(shè)計(jì)類型:使用插件導(dǎo)出設(shè)計(jì)或在 Imgcook 編輯器中上傳設(shè)計(jì)文件。
- 智能且高可維護(hù)性:DOM 嵌套合理,相對(duì)定位布局,類名語義化和循環(huán)自動(dòng)識(shí)別。
- 支持10種類型的代碼生成:官方提供了10種 DSL,如 react、rax、Vue 和小程序等,可以生成不同類型的代碼。用戶也可以自定義 DSL,生成滿足自己需求的任何代碼。
- 集成到 R&D 流程:提供多種方式,可以在代碼生成后無縫連接到你的 R&D 環(huán)節(jié)。
- 自定義插件:在使用 Imgcook 導(dǎo)出生成的代碼時(shí),你可以使用自定義插件處理代碼產(chǎn)品,例如自動(dòng)將圖片上傳到你自己的圖片空間,文件目錄轉(zhuǎn)換等。
- Imgcook CLI:Imgcook CLI 可以將 Imgcook 平臺(tái)生成的代碼產(chǎn)品集成到你的本地項(xiàng)目中,通過插件的能力將它們無縫集成到你的 R&D 流程中。
- Imgcook Visual Studio:為了匹配 VS Code 的強(qiáng)大工程能力,我們提供了 VSCode Imgcook 編輯器插件,你可以將設(shè)計(jì)工具導(dǎo)出的數(shù)據(jù)粘貼到 VSCode Imgcook 編輯器插件中,生成代碼并將其導(dǎo)出到相應(yīng)的文件夾目錄。
- 自定義組件:為了讓開發(fā)者在 Imgcook 平臺(tái)上使用自己的組件,我們提供了一個(gè)開放的材料系統(tǒng),支持組件庫的可配置、可識(shí)別、可干預(yù)、可渲染和代碼輸出。
使用案例
- Imgcook 在豪摩科技:Imgcook Sketch 插件導(dǎo)出,自定義 DSL,命令行,插件等能力被用于提高前端代碼開發(fā)效率。
- Imgcook 在優(yōu)品街:設(shè)計(jì)師使用設(shè)計(jì)材料管理,設(shè)計(jì)層標(biāo)記和代碼導(dǎo)出的能力,有效地與前端進(jìn)行協(xié)作,減少了與前端的大量不必要的溝通。
- Imgcook 在阿里媽媽:Boom 是阿里媽媽的智能單坑生產(chǎn)和投放的集成平臺(tái),它將 Imgcook 的核心能力無縫集成到自己的平臺(tái)環(huán)節(jié)中,并定制了 Imgcook 可視化編輯器來引導(dǎo)自己的業(yè)務(wù)流程。
?版權(quán)聲明:如無特殊說明,本站所有內(nèi)容均為AIHub.cn原創(chuàng)發(fā)布和所有。任何個(gè)人或組織,在未征得本站同意時(shí),禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺(tái)。否則,我站將依法保留追究相關(guān)法律責(zé)任的權(quán)利。
