资源说明
Avocode Mac版是一款非常实用的图像浏览编辑软件,软件非常的便捷好用,能将设计稿中的设计元素导出,包括颜色、图片资源、字体、排版样式、CSS及大小尺寸等,包括设计、导出素材、获取图像规格等在内的多种功能,支持自定义代码输出自定义变量,需要的朋友们可以前来下载使用吧!
Avocode Mac版软件功能
1、直接打开.psd和.sketch文件而不启动Photoshop和Sketch
最新版本的Avocode可以自己渲染Photoshop和草图设计。因此,您可以在任何操作系统上打开并检查您上传到Avocode的所有设计,而无需其他设计工具。
2、导出适合网页、IOS或Android程序的代码
最新版本的Avocode以px、pt、dp或rem为单位,以HEX、HEX8、HSLA、RGBA或UIColor为颜色,生成简洁的代码(CSS、Less、Sass、Less、SCSS、Stylus、React
Native、CSS、JS、Swift和Android)。
3、将图像导出到@4x或xxxhdpi分辨率
每个图层都是完全渲染的,可以将任何文件导出为PNG、JPEG、SVG或WEBP图片格式,而无需事先设置可导出文件或重命名图层。插值矢量形状并添加更多分辨率变量,以适应任何桌面、IOS或Android屏幕。
4、测量,不要目测
瞬间知道任意一层的大小或者层间距离。选择多个层,并测量它们与其他层的距离。查看设计指南,或创建自己的指南来检查对齐情况,或查看不同对象之间的距离。
5、从每个像素手动选择颜色#BADA55
手动复制颜色并转换它们…这真的是上个世纪的做法。只需选择一种颜色,颜色代码就会立即添加到剪贴板中,这样您就可以将其复制并粘贴到任何所需的位置。
6、将文本层导出为纯文本、图像或HTML代码
当您选择文本层时,您可以将其导出为图像、复制纯文本或复制带有HTML标签的文本。样式面板将显示所有图层信息,如字体系列、字体粗细和字体大小。
7、自定义代码输出和定义变量
隐藏属性并重新调整代码行。创建替换规则并将任何值(颜色、字体、渐变、大小、距离)定义为变量将自动显示在导出的代码中。