Back to Plugins
ColourSwatch

ColourSwatch

Create maintain and update colour swatches based on your Figma colour variables.

Plugin Preview

ColourSwatch preview

About this plugin

Enhance your Figma workflow with the ColourSwatch plugin


Streamline the creation, management, and updating of colour swatches using local or published Figma colour variables. This plugin provides a clear visual overview of all the colours in your project, ensuring consistency and efficiency.


With this plugin, you can easily create a ColourSwatch component. For each colour variable —whether from a local collection or a linked, published Figma library — you can generate a component instance. Use the plugin to effortlessly update values such as hex codes, alpha values, and colour variable names — one by one or as a batch for all colour swatches on the same page.

Plugin Details

Version1
CreatedApril 4, 2025
Last UpdatedApril 4, 2025
CategoryFile organization plugins
CreatorKonstantin Demblin
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Document Access:dynamic-page
  • Network Access:

    No network access needed for the plugin.

  • Editor Types:
    figma
  • Allowed Domains:
    • none