Avocode是一个photoshop扩展工具,拥有很多实用的小功能,例如:用户通过点击图层就能直接预览CSS的代码样式、颜色、字体以及SVG等等,操作非常方便,能显著提高用户的办公速度,其次,Avocode还能将设计稿中的设计元素导出,包括颜色、图片资源、字体、排版样式、CSS及大小尺寸等,是一款非常使用的软件,该软件还有很多的软件优势和产品特色等您的下载和使用!
Avocode功能介绍
1、直接打开.psd和.sketch文件而不启动Photoshop和Sketch
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软件特色
分享设计,邀请团队成员
让其他开发人员在Avocode中自行提取所有设计规定。您可以邀请需要查看、评论和上传新设计的团队成员,或者与只需要评论的人分享公开链接。
评论、注释与讨论视觉更改
讨论所有事情,解释您的想法,在设计的上方为同僚留下反馈意见。突出显示任何位置,实时回复或解决团队成员或客户的意见。
通过邮件来接收改动提醒
当有人上传新设计、新版本或发表新评论时,您将收到邮件通知。
管理项目许可
邀请团队成员、自由职业者和合同工,管理他们在您团队特定项目中的权限。通过公开链接向第三方(例如客户)分享设计预览,并让他们评论。
将您的所有设计都集中在一个地方
把设计上传到Avocade云,与团队一起同步版本与版本设置(项目平台,设计尺寸与单元)。同时进行无限量的项目。给团队成员随时访问最新版本的权限。
同步所有的设计版本以了解哪个是最终版
Avocode能发挥一个最新存储库的作用,让你可以恢复原先设置。您只需将Photoshop设计版本拖放到彼此顶部,或者同步同名Sketch画板,Avocode就能将它们识别为新版本。
在任意操作系统上离线访问
用Windows打开Sketch,或用Linux打开PSD仅仅是Avocode的基础功能之一。您打开的每一个设计,都将被渲染出完美的像素效果并进行下载,让您在没有连接网络的情况下也可以访问。
Avocode注意事项
用户在下载Mac软件后打开使用的时候可能会遇到的常见的三种报错:(出现报错请大家务必一步一步耐心仔细看完下面的内容!!!)
XX软件已损坏,无法打开,你应该将它移到废纸篓
打不开XX软件,因为它来自身份不明的开发者
打不开XX软件,因为Apple无法检查其是否包含恶意软件
当你遇到上述问题的时候:
1、首先这样设置试试:开启任何来源
到这里一般情况下应用都可以运行了。
然而有的应用开启了任何来源还是不行,这是因为苹果进一步收缩了对未签名应用的权限,这时候就需要通过过“终端”执行命令行代码来绕过应用签名认证。
2、执行命令绕过苹果的公证Gatekeeper:Mac打开应用提示已损坏怎么办 Mac安装软件时提示已损坏怎么办
以上操作如果还不能解决,那就需要关闭SIP系统完整性保护才可以了。
3、关闭SIP系统完整性保护:Mac怎么关闭SIP系统完整性 Mac SIP怎么关闭