Back to Plugins
Eternal Variable Export

Eternal Variable Export

Export external library variables & styles, local variables & styles to css variables

css variablesexport

Plugin Preview

Eternal Variable Export preview

About this plugin

Export library variables, library styles, local variables and local styles to CSS variables and classes (for text and effect styles).


To export styles which are included in a library, you will need to go to the library file and copy the style keys from within the plugin, then go back to the file you are exporting from and paste the keys into the 'Include External Style Keys' input field. This is required because Figma does not make the styles accessibile within their APIs. Make sure your library has been published when exporting styles to ensure the output includes the changes.


Alternatively export as JSON and write your own scripts to convert into any style format you need.


Todo:

  • Make it clearer how to include external styles
  • Support additional export modes (e.g. scss)
  • Something missing? Get in touch

Plugin Details

Version1
CreatedNovember 5, 2023
Last UpdatedNovember 5, 2023
CategoryUncategorized
CreatorSamuel Ogden
Stats15 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.