Style to JSON

About this plugin

Export Style as JSON File. Run Once and File Download Automatically.

Feel free to comment your feedback!

Easy-to-use HEX and rgba() format

All color style will be convert into convenient Hex, Hex8 and rgba() format, so it's easier for developers to use in CSS file.

Linear Gradient Styles Supported

For gradient styles, linear-gradient styles are supported, and they will be convert into CSS syntax format like: "linear-gradient(180deg, #ffffff 0%, #ff0000 100%)"

Effect Styles Supported

Effect Styles are included as well, and they will be convert to easy-to-use css properties like: "1px 3px 2px 0px 0px rgba(0, 0, 0, 0.25) inset"

Multi-layer Styles are not supported.

The plugin will extract all style layers into a sub-level json.

Image & Video Styles are not supported.

The plugin will ignore all image and video styles since that's non-sence for a style sheet.