Skip to content

⒎ Copy CSS

hzlzh edited this page Jul 6, 2017 · 1 revision

Wiki Video here for English users.

本功能用于开发 GG 用一个快捷键就能导出各种设计稿中的字体及各种基本块状样式能力。

快速开始

选中一个你需要获取对应代码的字体或者图形,使用获取样式的快捷键 command shift d,插件会按照常见 css 写法将样式放入剪贴板中。

功能说明

本功能重点解决当拿到不同尺寸设计稿时,例如宽 320 375 414 750 1242,需要人脑换算输出成统一的尺寸问题。所以本插件对需要获取样式的父 artboard 尺寸敏感,若父 artboard 尺寸非标准,或无父 artboard 会默认为 2 倍图。

本功能提供设置功能,除了导出标准 web 样式,还可以导出以 rpx 为单位的小程序代码。点击获取代码设置,可以将获取的代码更换成 rpx 标准。rpx 的设计标准是以 750 宽度为标准设计,所以非 750 宽度的设计稿,会按照小程序尺寸换算。