Loading…

Integrations for every workflow

Connect ColoursUI with your design tools, frontend frameworks, and CI pipelines. Export tokens anywhere — from Figma to Tailwind to native mobile platforms.

Figma

Tailwind CSS

React

Vue

Svelte

Next.js

Storybook

GitHub

VS Code

Style Dictionary

Sketch

Adobe XD

Framer

SwiftUI

Flutter

Chromatic

Figma

Tailwind CSS

React

Vue

Svelte

Next.js

Storybook

GitHub

VS Code

Style Dictionary

Sketch

Adobe XD

Framer

SwiftUI

Flutter

Chromatic

ReactNext.jsVueSvelteTailwind CSSFigmaSketchSwift UIFlutterCSS VariablesSassStyle DictionaryStorybookGitHubVS CodeChromaticAdobe XDFramer

Design Tools

Figma

Sync variables and styles

Sketch

Export colour libraries

Adobe XD

Import and export palettes

Framer

Live colour tokens

Frontend Frameworks

React

Theme provider and hooks

Vue

Composables and plugin

Svelte

Stores and actions

Next.js

Server-side token generation

Nuxt

Module and auto-imports

Astro

Integration and components

CSS & Styling

Tailwind CSS

Custom colour config generation

CSS Variables

Native custom properties export

Sass

Variables and maps export

Style Dictionary

Multi-platform tokens

Vanilla Extract

Type-safe theme tokens

Panda CSS

Semantic token presets

Developer Tools

VS Code

Colour preview and autocomplete

GitHub

Actions and PR colour checks

Storybook

Theme addon and decorators

Chromatic

Visual regression testing

npm

Publish tokens as packages

CLI

Generate and export from terminal

Platforms & Export

iOS / SwiftUI

Asset catalog and Color sets

Android

XML and Compose theme export

Flutter

ThemeData generation

JSON

Universal token format

YAML

CI-friendly token files

Webhooks

Event-driven sync triggers

Don't see your tool?

We're adding new integrations every week. Request one or build your own with our SDK.

Request Integration View SDK Docs