Figma to css and html by plantcss | Figma to code

About this plugin

Description

Convert Figma design layers properties and values to HTML and CSS values for Frontend and Web UI Development. This plugin is developed from UI engineer perspective. This plugin main concept is reduce conversion time of convert Figma design to webpage development. So, this plugin is very useful for if your beginner or expert.

Features

1. Support all text properties ( font-family, font-size, color and so on ) except transform values.
2. Figma blend mode to CSS mix-blend-mode
3. Export all type of Figma design gradient to CSS gradient values, It is also in the border.
4. Different text properties in same line of text, it shows individual values to each.
5. Figma filter blur and backdrop blur to CSS filter blur
6. Figma drop and inner shadow to CSS box shadow
7. Text border both solid and gradient colors convert to CSS.
8. Plugin window resize option available. So, you can change the size plugin window size for a better work experience.
9. Dark theme and Light theme support
10. Quickly run the plugin with the help of shortcut plugin run button.

How to use plugin

1. Just run the plugin
2. After successfully plugin run, select any layer, you wish to convert.
3. Selected design layer properties and values converted quickly and shown immediately.
4. Select the code and copy values, to paste where you want.

Limitations

In case if some CSS properties not available for the current version, it will added future release versions. For a current version CSS codes only available, HTML code will be added later.

Drop your comment and share to other designer and developers.