CSS 属性

 

Sketch中的这个特色功能可以帮助设计师将他们的静态设计稿转化为真正的CSS代码,SVG代码。

 
CSS导出

选中任何在画布上的元素,执行Edit>Copy CSS属性菜单。Sketch就会将元素中的边框,填充,渐变,阴影以及字体样式等等的属性转为CSS代码。
 

Sketch可以将图形中的渐变转为CSS表达的渐变方式。由于CSS中的渐变语法较为复杂,使用这种方式可以大幅提升效率。把设计稿从Sketch文档转为CSS代码变的非常容易。

css

 

SVG导出

与CSS导出相同,SVG代码也可以导出。在图形上点击鼠标右键,在菜单中选择“Copy SVG Code”,此时整个图层的代码即可拷贝到剪贴板中,导出后的代码如下图所示。

css02

 
上一篇:画板
下一篇:打印