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