imgcook是一款由設計稿一鍵智能生成代碼的大廚,可以通過智能化手段把各種圖像一鍵生成可維護的ui視圖代碼,幫助用戶提高開發(fā)的效率,支持小程序、React、H5、Weex Rax等。
軟件特色
智能化
全鏈路采用計算機視覺、深度學習等智能化手段依次去除對設計稿的約束,智能生成代碼。
精度還原
一鍵智能還原與豐富的操作面板
實時保證代碼和視覺的高度還原
DSL多樣
自定義編寫代碼模板
支持小程序、React、H5、Weex Rax 等,外部暫時不支持自定義代碼模板。
高可維護性
DOM 嵌套合理、相對定位布局、文本自適應
ClassName語義化、循環(huán)可自動識別
安裝方法
1. 下載并安裝 PS 插件
在網(wǎng)站首頁下載 PS 版插件,解壓文件后會得到對應操作系統(tǒng)的插件安裝器文件以及試驗田試玩 PSD 文件。安裝器安裝流程如下:
Mac 用戶:雙擊 imgcook.photoshop_version.pkg 文件,按步驟提示進行安裝,安裝完畢后可重啟 PhotoShop,在 Window(窗口)->Extensions(擴展文件) 找到 imgcook 插件。如果遇到軟件不可信問題,可前往 系統(tǒng)偏好設置 -> 安全性與隱私 -> 仍要打開。
Windows 用戶:雙擊 imgcook.photoshop_version.exe 文件 ,按步驟提示進行安裝,大概耗時幾分鐘,安裝完畢后可重啟 PhotoShop,在 Window(窗口)->Extensions(擴展文件) 找到 imgcook 插件。
如果上述安裝器安裝流程出現(xiàn)異常(比如 Windows 安裝過程卡住時間很久),可嘗試手動安裝。
解壓 imgcook.photoshop.zip 文件,根據(jù)各自的系統(tǒng)將解壓后的目錄文件放置到以下指定目錄里,重啟 PhotoShop 即可在 Window(窗口)->Extensions(擴展文件) 找到 imgcook 插件。
插件手動安裝指定目錄
Mac OS: /Library/Application Support/Adobe/CEP/extensions/
Windows x64: C:/Program Files (x86)/Common Files/Adobe/CEP/extensions/
Windows x32: C:/Program Files/Common Files/Adobe/CEP/extensions/
2. 簽署問題
安裝完 imgcook 插件后,打開 PhotoShop 可在 Window(窗口)->Extensions(擴展文件) 找到 imgcook 插件,*呼起插件會提示 插件未經正確授權 錯誤,可通過以下操作解決。
Mac
打開 Terminal 終端,針對不同 Adobe PhotoShop CC 版本可在終端執(zhí)行以下命令:
CC 2015: defaults write com.adobe.CSXS.6 PlayerDebugMode 1
CC 2015.5: defaults write com.adobe.CSXS.7 PlayerDebugMode 1
CC 2017: defaults write com.adobe.CSXS.7 PlayerDebugMode 1
CC 2018: defaults write com.adobe.CSXS.8 PlayerDebugMode 1
Windows
打開注冊表(運行 regedit)
找到 HKEY_CURRENT_USERSoftwareAdobe
針對不同 CC 版本找到對應的 CSXS 項,比如 CSXS.7
鼠標右鍵新建字符串值
選中剛新建的字符串值注冊表-鼠標右鍵-修改-數(shù)值名稱:PlayerDebugMode 數(shù)值數(shù)據(jù):1
CC 2015:HKEY_CURRENT_USERSoftwareAdobeCSXS.6
CC 2015.5:HKEY_CURRENT_USERSoftwareAdobeCSXS.7
CC 2017:HKEY_CURRENT_USERSoftwareAdobeCSXS.7
CC 2018:HKEY_CURRENT_USERSoftwareAdobeCSXS.8
執(zhí)行完上述流程后,重啟 PS 重新打開 Window(窗口)->Extensions(擴展文件)-> imgcook 可看到一個小終端界面。
使用方法
1.打開下載包里的 imgcook試驗田.psd 文件,找到 PS 界面 layers(圖層) 窗口(如果沒有,可以通過勾選 Window(窗口) -> layers(圖層))打開
2.選中一個模塊*外層的圖層節(jié)點,點擊插件終端界面里的 導出數(shù)據(jù)。
3.等待插件處理完畢顯示導出成功后即可點擊 去粘貼 前往 imgcook 平臺進行粘貼。
騰訊視頻官方版 | 45.34MB
愛奇藝視頻官方正式版 | 35.10MB
暴風影音最新版下載 | 50.3MB
QQ音樂官方正式版 | 24.2MB
酷狗音樂2022下載 | 37MB