#design tokens

Better Color Highlight

ntnyq

Highlight and preview colors in multiple formats across code, comments, and strings.

design-ai

sungjin

Senior product designer for any AI coding agent. Surfaces 20 skills, 17 commands, 221 worked examples, and website improvement workflows. Korean market depth.

DesWatch

lucamauri

Design token intelligence for VS Code — first-class editing support for DESIGN.md files

Dev Palette

DevPalette

Discover, generate, preview and export beautiful color palettes, gradients and website themes — without leaving VS Code.

Color Token Manager

dagmayalew

Extract hardcoded colors into tokens, manage colors.ts, preview refactors, WCAG contrast checks, and export design tokens for React Native and TypeScript.

Token Flow - Design System

robin-lopez

Bridging the gap between Design and Code. Find, insert, swap and audit design tokens (SCSS · CSS · TS/JS) without leaving your editor.

ColorGuard — Hardcoded Color Detector

mjethwa-streamlit

Find hardcoded hex/rgb/hsl colors that should be design tokens, with the nearest matching token on hover. Auto-replace, bulk replace, and adoption reports with Pro.

Gantry

mifxch

Visual component & design-token manager that keeps your AI assistant's rules (Cursor & Claude Code) in sync with your design system.

ColorArchive: 5400+ Curated Colors & Design Tokens

ColorArchiveorg

Browse 5,400+ curated colors, generate palettes, and insert design tokens directly in your editor.

DriftGaurd

driftgaurd

Lint your DESIGN.md as you type. WCAG contrast, broken token refs, missing typography, section order.

TantuUI CSS IntelliSense

tantuui

Intelligent autocomplete, hover preview, and color decorators for TantuUI CSS utility classes (tui-*)

Milda

milda

Language support for the Milda design-system DSL (.milda): highlighting, diagnostics, completion, hover, go-to-definition, outline and folding.