Avocode for windows是一个photoshop扩展工具，主要用来预览和检查，很多小功能，比如点击某图层就能直接预览对应CSS代码样式、字体、颜色、SVG等等。推荐有需要的用户下载使用。avocode windows只需轻轻点击，即可测量距离，选择颜色，获得字体样式。

软件功能

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、自定义代码输出并定义变量

隐藏属性并重新调整代码行。创建替换规则并将任何值（颜色，字体，渐变，大小，距离）定义为变量都将自动显示在导出的代码中。