Avocode是一個(gè)photoshop擴(kuò)展工具,擁有很多實(shí)用的小功能,例如:用戶通過點(diǎn)擊圖層就能直接預(yù)覽CSS的代碼樣式、顏色、字體以及SVG等等,操作非常方便,能顯著提高用戶的辦公速度,其次,Avocode還能將設(shè)計(jì)稿中的設(shè)計(jì)元素導(dǎo)出,包括顏色、圖片資源、字體、排版樣式、CSS及大小尺寸等,是一款非常使用的軟件,該軟件還有很多的軟件優(yōu)勢(shì)和產(chǎn)品特色等您的下載和使用!

Avocode功能介紹
1、直接打開.psd和.sketch文件而不啟動(dòng)Photoshop和Sketch
Avocode能自行渲染Photoshop和Sketch設(shè)計(jì)。因此,您可以在任何操作系統(tǒng)上打開與檢查您上傳到Avocode的所有設(shè)計(jì),無需其他設(shè)計(jì)工具。
2、導(dǎo)出適用于網(wǎng)頁、IOS或Android程序的代碼
生成包含圖層和字體樣式的簡(jiǎn)潔代碼(CSS,Less,Sass,Less,SCSS,Stylus,React Native,CSS,JS,Swift和Android),單位為px,pt,dp或rem,顏色為HEX, HEX8, HSLA,RGBA或UIColor。
3、將圖像導(dǎo)出為@4x或xxxhdpi分辨率
每個(gè)圖層都完全渲染,您可以將任何文件導(dǎo)出為PNG,JPEG,SVG或WEBP圖片格式,無需預(yù)先設(shè)定可導(dǎo)出文件或重命名圖層。插值矢量形狀,添加更多的分辨率變量以適應(yīng)任何桌面、IOS或Android屏幕。
4、測(cè)量,不要目測(cè)
馬上獲知任何圖層的大小或圖層之間的距離。選擇多個(gè)圖層并測(cè)量它們與其他圖層之間的距離。查看設(shè)計(jì)指南,或創(chuàng)建自己的指南來檢查對(duì)齊,或查看不同對(duì)象之間的距離。
5、從每個(gè)像素中手動(dòng)選取 #BADA55顏色
手動(dòng)復(fù)制顏色并轉(zhuǎn)換……這真是上個(gè)世紀(jì)的做法了。只需選擇一種顏色,顏色代碼將會(huì)立即添加到剪貼板,讓您可以復(fù)制粘貼到任何需要的位置。
6、將文字圖層導(dǎo)出為純文本、圖像或HTML代碼
當(dāng)您選中文字圖層時(shí),可以將它導(dǎo)出為圖像,復(fù)制純文本或復(fù)制帶HTML標(biāo)簽的文本。“樣式(STYLES)”面板將顯示所有的圖層信息,例如字體家族,字體粗細(xì)和字體大小等。
7、自定義代碼輸出并定義變量
隱藏屬性并重新調(diào)整代碼行。創(chuàng)建替換規(guī)則并將任何值(顏色,字體,漸變,大小,距離)定義為變量都將自動(dòng)顯示在導(dǎo)出的代碼中。

Avocode軟件特色
分享設(shè)計(jì),邀請(qǐng)團(tuán)隊(duì)成員
讓其他開發(fā)人員在Avocode中自行提取所有設(shè)計(jì)規(guī)定。您可以邀請(qǐng)需要查看、評(píng)論和上傳新設(shè)計(jì)的團(tuán)隊(duì)成員,或者與只需要評(píng)論的人分享公開鏈接。
評(píng)論、注釋與討論視覺更改
討論所有事情,解釋您的想法,在設(shè)計(jì)的上方為同僚留下反饋意見。突出顯示任何位置,實(shí)時(shí)回復(fù)或解決團(tuán)隊(duì)成員或客戶的意見。
通過郵件來接收改動(dòng)提醒
當(dāng)有人上傳新設(shè)計(jì)、新版本或發(fā)表新評(píng)論時(shí),您將收到郵件通知。
管理項(xiàng)目許可
邀請(qǐng)團(tuán)隊(duì)成員、自由職業(yè)者和合同工,管理他們?cè)谀鷪F(tuán)隊(duì)特定項(xiàng)目中的權(quán)限。通過公開鏈接向第三方(例如客戶)分享設(shè)計(jì)預(yù)覽,并讓他們?cè)u(píng)論。
將您的所有設(shè)計(jì)都集中在一個(gè)地方
把設(shè)計(jì)上傳到Avocade云,與團(tuán)隊(duì)一起同步版本與版本設(shè)置(項(xiàng)目平臺(tái),設(shè)計(jì)尺寸與單元)。同時(shí)進(jìn)行無限量的項(xiàng)目。給團(tuán)隊(duì)成員隨時(shí)訪問最新版本的權(quán)限。
同步所有的設(shè)計(jì)版本以了解哪個(gè)是最終版
Avocode能發(fā)揮一個(gè)最新存儲(chǔ)庫的作用,讓你可以恢復(fù)原先設(shè)置。您只需將Photoshop設(shè)計(jì)版本拖放到彼此頂部,或者同步同名Sketch畫板,Avocode就能將它們識(shí)別為新版本。
在任意操作系統(tǒng)上離線訪問
用Windows打開Sketch,或用Linux打開PSD僅僅是Avocode的基礎(chǔ)功能之一。您打開的每一個(gè)設(shè)計(jì),都將被渲染出完美的像素效果并進(jìn)行下載,讓您在沒有連接網(wǎng)絡(luò)的情況下也可以訪問。

Avocode注意事項(xiàng)
用戶在下載Mac軟件后打開使用的時(shí)候可能會(huì)遇到的常見的三種報(bào)錯(cuò):(出現(xiàn)報(bào)錯(cuò)請(qǐng)大家務(wù)必一步一步耐心仔細(xì)看完下面的內(nèi)容!!!)
XX軟件已損壞,無法打開,你應(yīng)該將它移到廢紙簍
打不開XX軟件,因?yàn)樗鼇碜陨矸莶幻鞯拈_發(fā)者
打不開XX軟件,因?yàn)锳pple無法檢查其是否包含惡意軟件
當(dāng)你遇到上述問題的時(shí)候:
1、首先這樣設(shè)置試試:開啟任何來源
到這里一般情況下應(yīng)用都可以運(yùn)行了。
然而有的應(yīng)用開啟了任何來源還是不行,這是因?yàn)樘O果進(jìn)一步收縮了對(duì)未簽名應(yīng)用的權(quán)限,這時(shí)候就需要通過過“終端”執(zhí)行命令行代碼來繞過應(yīng)用簽名認(rèn)證。
2、執(zhí)行命令繞過蘋果的公證Gatekeeper:Mac打開應(yīng)用提示已損壞怎么辦 Mac安裝軟件時(shí)提示已損壞怎么辦
以上操作如果還不能解決,那就需要關(guān)閉SIP系統(tǒng)完整性保護(hù)才可以了。
3、關(guān)閉SIP系統(tǒng)完整性保護(hù):Mac怎么關(guān)閉SIP系統(tǒng)完整性 Mac SIP怎么關(guān)閉
上一篇:Nextcloud全新版
下一篇:WO Mic Client電腦版