Avocode（切图软件）

功能介绍

1.直接打开psd和sketch文件而不启动photoshop和sketch:avocode可以渲染photoshop和sketch设计。因此，您可以在没有其他设计工具的情况下，在任何操作系统上打开并检查您上传到Avocode(切图软件)的所有设计;

2.导出适合网页.IOS或Android程序的代码:生成包含图层和字体样式的简单代码(CSS、Less、Sass、Less、SCSS、Stylus、ReactNative、CSS、JS、Swift和Android)，单位为px、pt、DP或rem，颜色为HEX、HEX8、HSLA、RGBA或UIColor;

3.Avocode(切图软件)将图像导出为@4x或xxxhdpi分辨率：完全渲染每个层。您可以将任何文件导出为PNG、JPEG、SVG或WEBP图像格式，无需提前设置导出文件或重命名层。插入矢量形状，添加更多的分辨率变量以适应任何桌面。IOS或Android屏幕;

4.测量，不要目测：立即知道任何层的大小或层之间的距离。选择多个层并测量它们与其他层之间的距离。查看设计指南，或创建自己的指南来检查对齐，或查看不同对象之间的距离;

5.从每个像素中手动选择#BADA55颜色:手动复制颜色并转换...这真的是上个世纪的做法。只需选择一种颜色，颜色代码会立即添加到剪贴板中，以便您可以复制并粘贴到任何需要的位置;

6.将文本层导出为纯文本。图像或HTML代码：当您选择文本层时，您可以将其导出为图像，复制带有HTML标签的纯文本或文本。风格(STYLES)面板将显示所有层信息，如字体家族、字体厚度和字体大小;

7.Avocode(切图软件)自定义代码输出并定义变量：隐藏属性并重新调整代码线。创建替换规则，并在导出代码中自动显示任何值(颜色、字体、渐变、大小、距离)。

特色说明

1.分享设计，邀请团队成员：让其他开发人员在Avocode(切图软件)中提取所有设计规则。您可以邀请需要查看、评论和上传新设计的团队成员，或与只需要评论的人分享公共链接;

2.评论。注释和讨论视觉变化：讨论一切，解释你的想法，并在设计的顶部给同事留下反馈。突出任何位置，实时回复或解决团队成员或客户的意见;

3.通过Slack或电子邮件接收更改提醒：当有人上传新设计、新版本或发表新评论时，您将收到Slack或电子邮件通知。您甚至可以将您的个人项目连接到特殊的Slack#频道;

4.管理项目许可证：邀请团队成员、自由职业者和合同工管理他们在您团队特定项目中的权限。Avocode(切图软件)通过公开链接与第三方(如客户)分享设计预览，并发表评论。

安装方式

1.在番茄花园下载这款软件，解压后，双击exe文件启动，提示您将软件安装到电脑;

2.这里是安装的提示界面，显示install的界面，等待安装结束;

3.如图所示，您已经进入到软件的界面，可以开始启动。

使用方法

1.注册登录之后。当前需要创建一个文件夹。创建文件夹可以选择你需要的切图的类型，有IOS,ANDROID,WEB三种类型。我们这里选择的WEB。

2.进入之后可以选择上传按钮上传我们的PSD文件，这里有一个问题，就是这是国外的软件，服务器在国外，如果没有科学上网的话，上传的速度会让你痛不欲生，因此作为一个程序员科学上网是非常重要的。这里上传了一个示例的简历psd。

3.打开这个psd之后，可以看到很多工具栏。在界面中的左边，有四个按钮图层、活动信息、版本记录、psd的多种相关信息。上边的工具栏是对psd进行具体的切图工作。右边的工具栏显示的是具体选中或者进行操作的获得的图层信息。