Back to Plugins
ColorSystem.io (BETA)

ColorSystem.io (BETA)

Simplifying Color Design: Generate, Sync & Publish Accessible Color Systems Effortlessly!

contrastdesign tokensaccessibilitycolourtokensdark modecolor systemvariablescolor palettedesign systemcolora11y

Plugin Preview

ColorSystem.io (BETA) 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

Version9
CreatedJanuary 29, 2023
Last UpdatedSeptember 22, 2023
Categoryshapes-colors
CreatorSimon Almers
Stats242 installs, 27 likes
PricingFree

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