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

Avocode功能介紹

1、直接打開.psd和.sketch文件而不啟動Photoshop和Sketch

Avocode能自行渲染Photoshop和Sketch設計。因此，您可以在任何操作系統上打開與檢查您上傳到Avocode的所有設計，無需其他設計工具。

2、導出適用于網頁、IOS或Android程序的代碼

生成包含圖層和字體樣式的簡潔代碼(CSS，Less，Sass，Less，SCSS，Stylus，React Native，CSS，JS，Swift和Android)，單位為px，pt，dp或rem，顏色為HEX, HEX8, HSLA，RGBA或UIColor。

3、將圖像導出為@4x或xxxhdpi分辨率

每個圖層都完全渲染，您可以將任何文件導出為PNG，JPEG，SVG或WEBP圖片格式，無需預先設定可導出文件或重命名圖層。插值矢量形狀，添加更多的分辨率變量以適應任何桌面、IOS或Android屏幕。

4、測量，不要目測

馬上獲知任何圖層的大小或圖層之間的距離。選擇多個圖層并測量它們與其他圖層之間的距離。查看設計指南，或創建自己的指南來檢查對齊，或查看不同對象之間的距離。

5、從每個像素中手動選取 #BADA55顏色

手動復制顏色并轉換……這真是上個世紀的做法了。只需選擇一種顏色，顏色代碼將會立即添加到剪貼板，讓您可以復制粘貼到任何需要的位置。

6、將文字圖層導出為純文本、圖像或HTML代碼

當您選中文字圖層時，可以將它導出為圖像，復制純文本或復制帶HTML標簽的文本。“樣式(STYLES)”面板將顯示所有的圖層信息，例如字體家族，字體粗細和字體大小等。

7、自定義代碼輸出并定義變量

隱藏屬性并重新調整代碼行。創建替換規則并將任何值(顏色，字體，漸變，大小，距離)定義為變量都將自動顯示在導出的代碼中。

Avocode軟件特色

分享設計，邀請團隊成員

讓其他開發人員在Avocode中自行提取所有設計規定。您可以邀請需要查看、評論和上傳新設計的團隊成員，或者與只需要評論的人分享公開鏈接。

評論、注釋與討論視覺更改

討論所有事情，解釋您的想法，在設計的上方為同僚留下反饋意見。突出顯示任何位置，實時回復或解決團隊成員或客戶的意見。

通過郵件來接收改動提醒

當有人上傳新設計、新版本或發表新評論時，您將收到郵件通知。

管理項目許可

邀請團隊成員、自由職業者和合同工，管理他們在您團隊特定項目中的權限。通過公開鏈接向第三方(例如客戶)分享設計預覽，并讓他們評論。

將您的所有設計都集中在一個地方

把設計上傳到Avocade云，與團隊一起同步版本與版本設置(項目平臺，設計尺寸與單元)。同時進行無限量的項目。給團隊成員隨時訪問最新版本的權限。

同步所有的設計版本以了解哪個是最終版

Avocode能發揮一個最新存儲庫的作用，讓你可以恢復原先設置。您只需將Photoshop設計版本拖放到彼此頂部，或者同步同名Sketch畫板，Avocode就能將它們識別為新版本。

在任意操作系統上離線訪問

用Windows打開Sketch，或用Linux打開PSD僅僅是Avocode的基礎功能之一。您打開的每一個設計，都將被渲染出完美的像素效果并進行下載，讓您在沒有連接網絡的情況下也可以訪問。

Avocode注意事項

用戶在下載Mac軟件后打開使用的時候可能會遇到的常見的三種報錯：(出現報錯請大家務必一步一步耐心仔細看完下面的內容!!!)

XX軟件已損壞，無法打開，你應該將它移到廢紙簍

打不開XX軟件，因為它來自身份不明的開發者

打不開XX軟件，因為Apple無法檢查其是否包含惡意軟件

當你遇到上述問題的時候：

1、首先這樣設置試試：開啟任何來源

到這里一般情況下應用都可以運行了。

然而有的應用開啟了任何來源還是不行，這是因為蘋果進一步收縮了對未簽名應用的權限，這時候就需要通過過“終端”執行命令行代碼來繞過應用簽名認證。

2、執行命令繞過蘋果的公證Gatekeeper：Mac打開應用提示已損壞怎么辦 Mac安裝軟件時提示已損壞怎么辦

以上操作如果還不能解決，那就需要關閉SIP系統完整性保護才可以了。

3、關閉SIP系統完整性保護：Mac怎么關閉SIP系統完整性 Mac SIP怎么關閉