twc (tailwind colors)

About this plugin

twc – Tailwind Colors for Figma

Instantly bring utility-first color theming into your Figma workflow.

Adds the full default Tailwind CSS color palette and a curated set of multi-stop gradients as document color and paint styles:

🎨 Tailwind Color Variables

•22 color families (e.g. red, blue, gray, etc.)

•11 steps per color (50 → 950)

•Organized and labeled swatches

•Variables ready for fills, strokes, and components

🌈 Predefined Gradient Styles

•50+ linear gradients grouped by tone (warm, cool, pastel, dark, etc.)

•Multi-stop and directional support (e.g. left → right, top-left → bottom-right)

•Uses variable-bound color stops for full theme consistency