ColorSystem.io (BETA)
Simplifying Color Design: Generate, Sync & Publish Accessible Color Systems Effortlessly!
Plugin Preview
About this plugin
🎉 Early Access to our Beta is now available!
(Apply inside the plugin)
Working with colors just got a whole lot easier! 🎉
Meet the new standard for generating custom color palettes that just work.
What's that sound? ⚡️
It's the sound of your colors synchronizing effortlessly across every aspect of your design, right down to the launched product!
In production, accessible to your users? Really? 🤯
Absolutely! You read that right! ✨
Color synchronization is now a reality, connecting design and production like never before.
Accessible by default! 👨🎨 ️
No more guesswork or unnecessary complexity when combining colors. Our intelligent contrast highlighting automatically showcases accessible combinations, empowering you to design with confidence and flair.
In just a few clicks, you can generate:
- Custom Color Palettes 🎨
- Semantic Design Tokens with Precision ✨
- Dark Mode & Light Mode, Tailored to You 🌙
- Comprehensive Accessibility Audits of All Combinations ✅
- Figma Variables ⬡ (Primitives & Tokens)
- Ready-to-Use Stylesheets for Developers 💻 (Css, Scss, Sass, Tailwind)
Effortlessly imports Color Systems created on ColorSystem.io directly into Figma as innovative Variables.
A project by Bigger Pixel
Plugin Details
| Version | 9 |
|---|---|
| Created | January 29, 2023 |
| Last Updated | September 22, 2023 |
| Category | shapes-colors |
| Creator | Simon Almers |
| Stats | 218 installs, 22 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Network Access:
This plugin makes requests to ColorSystem.io in order import and manage your color systems. It also imports fonts from Google Fonts.
- Editor Types:figma
- Allowed Domains:
- https://beta.colorsystem.io
- https://cdn.colorsystem.io
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the shapes-colors category.