Avocode

Avocode是一款面向设计师和开发者的软件工具，它能够将设计文件转换为开发友好的代码，并且支持团队协作和版本控制，通过Avocode，设计师可以上传设计文件（如PSD、XD、Sketch等），并快速生成可复用的代码片段，减少了设计与开发之间的沟通成本和错误，开发者可以直接在Avocode中检查设计稿的尺寸、颜色、字体等细节，并导出优化后的图像资源和CSS样式，Avocode还有评论和批注功能，使团队成员能够在设计文件上进行实时讨论和反馈。

更新报告

将bug扫地出门进行到底

优化用户反馈的问题，提升细节体验

功能列表

直接打开.psd和.sketch文件而不启动Photoshop和Sketch

Avocode能自行渲染Photoshop和Sketch设计。在任何操作系统上打开与检查您上传到Avocode的所有设计，无需其他设计工具。

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

生成包含图层和字体样式的简洁代码（CSS，Less，Sass，Less，SCSS，Stylus，React Native，CSS，JS，Swift和Android），单位为px，pt，dp或rem，颜色为HEX, HEX8, HSLA，RGBA或UIColor。

将图像导出为@4x或xxxhdpi分辨率

每个图层都完全渲染，将任何文件导出为PNG，JPEG，SVG或WEBP图片格式，无需预先设定可导出文件或重命名图层。插值矢量形状，添加更多的分辨率变量以适应任何桌面、IOS或Android屏幕。

使用方式

实时获知新设计与新评论

您想在Slack中了解您的Avocode团队动态吗？没问题。我们的Slack集成功能将在以下情况下为您发送自动通知：

一个新设计

新的设计版本

新的设计注释或评论

对已有评论的新回应

使用Avocode更便捷地把设计转换成代码

免费试用Avocode，把所有的设计项目集中在一起。轻松分享设计，邀请其他开发者来查看与导出素材，或收集客户的视觉反馈。

软件长处

1、将文字图层导出为纯文本、图像或HTML代码

2、通过Slack或邮件来接收改动提醒

3、用Windows打开Sketch，或用Linux打开PSD仅仅是Avocode的基础功能之一。您打开的每一个设计，都将被渲染出完美的像素效果并进行下载，让您在没有连接网络的情况下也可以访问

4、讨论所有事情，解释您的想法，在设计的上方为同僚留下反馈意见。突出显示任何位置，实时回复或解决团队成员或客户的意见

5、当您选中文字图层时，可以将它导出为图像，复制纯文本或复制带HTML标签的文本。“样式(STYLES)”面板将显示所有的图层信息，例如字体家族，字体粗细和字体大小等

安装向导

1、在下载这款软件，解压后，双击exe文件启动，提示您将软件安装到电脑

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

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

常见问题

如何将Avocode连接至Slack？

1、注册Slack或者登录您的账号以开始使用。

2、Visit our 帮助中心 for instractions on how to authenticate your account.

3、如果您想在特定的频道内收到项目相关通知，请在Avocode内打开项目，点击“添加至Slack”。

4、如果您想在一个频道内接受团队内的消息，请选择“团队设置/集成”，然后点击“添加至Slack”。

5、每当您收到Slack的设计或评论通知时，点击评论，并在Avocode网页版中打开相应的设计。