Avocode for windows v2.17.3
分享到:
Avocode for windows是一款无需设计工具即可查看设计,导出素材,获取规格的看图神器,你可以在Mac、Windows、Linux上查看Photoshop和Sketch设计,以图片形式导出设计图层,以CSS,Swift和Android代码的形式导出图层样式。只需轻轻点击,即可测量距离,选择颜色,获得字体样式。本站免费提供Avocode for windows 下载,安装教程请参考下文。
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、自定义代码输出并定义变量
隐藏属性并重新调整代码行。创建替换规则并将任何值(颜色,字体,渐变,大小,距离)定义为变量都将自动显示在导出的代码中。
Avocode安装教程
1、在本站下载数据包后进行解压,然后双击运行“Avocode Setup 2.17.3.exe”即可自动进入安装。软件功能
1、直接打开.psd和.sketch文件而不启动Photoshop和SketchAvocode能自行渲染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、自定义代码输出并定义变量
隐藏属性并重新调整代码行。创建替换规则并将任何值(颜色,字体,渐变,大小,距离)定义为变量都将自动显示在导出的代码中。
展开更多
Avocode for windows v2.17.3下载地址
- 需先下载高速下载器:
- 专用下载:
- 其它下载: