On this page
About Color Import / Export
Color Import / Export is a free Figma plugin published by Jon Sakas in 2022. It works in Figma Design and has 23,502 users and 316 likes on the Figma Community. It ranks #14 in Color Palettes on our lists.
In the developer's words
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.
What's new
Version 8 · released Dec 3, 2023
- Features:
- Support for other object types besides Rectangle: Ellipse, Frame, Text, Line, Polygon, Star, Vector
- Bug Fixes:
- Fix issue with export to HSL using incorrect rounding for values
Permissions and privacy
Network access
Color Import / Export can only connect to the 4 domains declared in its manifest: *.sentry.io, *.googleapis.com, *.gstatic.com and *.googletagmanager.com.
- *.sentry.io
- *.googleapis.com
- *.gstatic.com
- *.googletagmanager.com
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Color Import / Export ranks
Color Import / Export alternatives
- 1
Color Palettes
by Manthankumar Satani
437K users3.9KFreeA free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- 2
Color Designer
by Wojciech Banaś
110K users1.7KFree - 3
Tailwind CSS Color Generator
by Erik de Vries
108K users3.6KFreeCreate custom Tailwind CSS color scales based on a given Hex code or HSL color
- 4
Supa Palette
by Angelo Libero
102K users2.8KFree + paid featuresThe ultimate color palette generator for Figma
- 5
Find and Replace Colors
by Wei Zhong
97K users833FreeQuickly recolor for templates
- 6
Chroma Colors
by Miguel Solorio
92K users966FreeCreate bulk color styles from selection
Color Import / Export FAQ
What does Color Import / Export do?
Help design and dev teams stay in sync by providing import and export tools for color palettes. It's a Figma plugin by Jon Sakas that runs in Figma Design.
Is Color Import / Export free?
Yes. Color Import / Export is free to install and run from the Figma Community, with no paid tier listed.
Is Color Import / Export safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Color Import / Export can only connect to the 4 domains declared in its manifest: *.sentry.io, *.googleapis.com, *.gstatic.com and *.googletagmanager.com. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Color Import / Export?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Color Import / Export?
By user count, the closest alternatives are Color Palettes, Color Designer and Tailwind CSS Color Generator. Compare all of them on the best Figma plugins for color palettes.
Built this plugin?
Use this page as a landing page for Color Import / Export: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/color-import-export/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color Import / Export on figmaplugins.co" width="220" height="48"></a>