Style to JSON

by Cong LIU

Run once, download style json automatically

FreeFigma

Performance report Open in Figma

Installs

947

Likes

Users

6,182

Views

8,013

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() formatAll 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 SupportedFor 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 SupportedEffect 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.