Avocode是一款优秀的图片设计软件。它有多种功能包括设计、导出素材、获取图像规格等。该软件可以导出图片形式的设计层，以及纯文本、图形或html代码形式的文本层。同时还支持自定义代码输出自定义变量。

功能介绍

1.打开。私营部门司和。不需要启动Photoshop和Sketch，直接绘制草图文件。

Avocode可以自行渲染Photoshop和草图设计。因此，您可以在任何操作系统上打开并检查您上传到Avocode的所有设计，而无需其他设计工具。

2.导出适用于网页、IOS或Android程序的代码。

为图层和字体样式生成简洁的代码(CSS、Less、Sass、Less、SCSS、Styles、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标签的文本。样式面板将显示所有图层信息，如字体系列、字体粗细和字体大小。

7.自定义代码输出和定义变量。

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

软件特色

分享和邀请团队成员。

让其他开发者在Avocode中自己提取所有设计规则。您可以邀请需要查看、评论和上传新设计的团队成员，或者与只需要评论的人共享公共链接。

评论，评论，讨论视觉变化。

讨论一切，解释你的想法，在设计的顶部给同事留下反馈。突出任何职位，实时回复或解决团队成员或客户的意见。

通过邮件接收更改提醒。

当有人上传新设计、新版本或发表新评论时，我们会通过邮件通知您。

管理项目许可

邀请团队成员，自由职业者和承包商来管理他们在你的团队的特定项目中的权利。通过公共链接与第三方(如客户)分享设计预览，并让他们发表评论。

把你所有的设计放在一个地方。

将设计上传到Avocade cloud，与团队同步版本和版本设置(项目平台、设计尺寸和单位)。同时处理无限的项目。允许团队成员随时访问最新版本。

同步所有设计版本，以了解哪个是最终版本。

Avocode可以扮演最新存储库的角色，允许您恢复原始设置。只需将Photoshop design版本拖放到彼此之上，或者同步同名的画板，Avocode即可将其识别为新版本。

任何操作系统上的离线访问

用Windows打开Sketch或者用Linux打开PSD只是Avocode 功能的基础之一。你打开的每一个设计都会以完美的像素效果渲染并下载，这样即使没有联网也可以访问。

施用方式

1.注册登录后。目前，需要创建一个文件夹。要创建文件夹，您可以选择所需的剪辑类型。有三种:iOS，Android，Web。我们在这里选择的网络。

2.进入后，您可以选择上传按钮来上传我们的psd文件。这里有个问题，就是这是国外的软件，服务器在国外。如果没有科学的上网，上传速度会让你苦不堪言，所以作为一个程序员科学的上网是非常重要的。

简历psd样本上传于此。

3.打开这个psd后，可以看到很多工具栏。界面左侧有四个按钮层，活动信息，版本记录和psd的各种相关信息。顶部的工具栏是为psd做具体的切割工作。右边的工具栏显示通过特定选择或操作获得的图层信息。