Back to Plugins
Advanced Variable Export [AVE]

Advanced Variable Export [AVE]

Easily export your variables collections to CSS or SCSS with hierarchy fragmentation feature!

scsseffects styletext stylescssvariablesscss variablescss variablesexportstylescolor styles

Plugin Preview

Advanced Variable Export [AVE] preview

About this plugin

This plugin will help you to handle all your variables and styles for the development team!



🤘Key features:

⚡ Variables export to code variables

⚡ Styles (text, effects, colors) export to classes

⚡ Variables fragmentation to folders depending on the variables hierarchy in the project

⚡ HEXA or RGBA color export

⚡ CSS or SCSS color export

⚡ Complete export of each collection or separate export for single ones

⚡ Devmode sidebar integration



✍ More about:

From now on developers can export all basic variables to CSS or even SCSS just in few clicks, bypassing routine of analysing each asset properties or huge variables table.


And even more! If your project has lots of variables with complex hierarchy - it is possible to export variables with fragmentation. If your variables structure looks like different levels and folders - why don't you have your variables stored in real folders - making it simple to maintain them throught the project development? No more obstacles - fragmentation feature is right here as well!


Plugin also allows you to switch between HEX and RGBA formats for colors and export all your text styles into the classess!


🙌 Feedback & support

We would appreciate any of your bug reports and functionality suggestions!


You can contact us via email:

📧 [email protected]

📧 [email protected]

Plugin Details

Version11
CreatedJuly 11, 2023
Last UpdatedFebruary 28, 2024
Categorydesign-systems
CreatorCodeCreators
Stats712 installs, 94 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:./ui.html
  • main:build/index.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none