Figma Plugin Hub
Back to Plugins
Color Import / Export

Color Import / Export

Help design and dev teams stay in sync by providing import and export tools for color palettes

themeimportcsstokensjavascriptfigma-to-codedeveloperexportcolorsassjson

Plugin Preview

Color Import / Export preview

About this plugin

This plugin aims to help design and development teams stay in sync by providing import and export tools for Figma color palettes.


📺 Watch The Video Tutorial


Features


Import


  • Import color styles into Figma from JSON objects
  • Group color styles and color cards by folders
  • Preview imported colors in real time


Export


  • Export selected color styles to JSON, JavaScript, CSS, or Sass
  • Choose between HEX, RGB, or HSL output color models
  • Choose output casing style such as camel case, snake case, and more
  • Preview color export by simply selecting objects on the canvas



Bugs Reports & Feature Requests


Found a bug or have a feature you'd like to see? Please open an issue on the GitHub page at https://github.com/jsakas/figma-plugin-color-import-export.

Plugin Details

Version8
CreatedAugust 22, 2022
Last UpdatedDecember 3, 2023
CategoryImport & export plugins
CreatorJon Sakas
Stats1412 installs, 209 likes
PricingFree
Install Plugin

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.googleapis.com
    • https://*.googletagmanager.com
    • https://*.gstatic.com
    • https://*.sentry.io

More Like This

Discover other plugins in the Import & export plugins category.

AnyWork Locales Manager

AnyWork Locales Manager

Manage locales in AnyWork software directly from Figma.

QR Code Generator

QR Code Generator

Create QR codes without leaving Figma

PureImage Export

PureImage Export

Export optimized images from Figma without removing corner radius or effects!

View All Import & export plugins Plugins