Knowledge base
RAIKEN /
COLOR EXTRACTLY CLASSIC ▾
SWITCH KNOWLEDGE BASE
NOTELY BOOKMARKLY COLOR EXTRACTLY CONTENTLY INDEXLY MASONRY OPTIMIZELY POWERMAIL QRLY COLOR EXTRACTLY CLASSIC ● FILEOPENER DESIGN.MD NOTELY STICKY WIDGET
/ HELP
PLUGINS OVERVIEW ↗ OPEN IN FIGMA →
  1. Raiken
  2. /
  3. Figma Plugins
  4. /
  5. Color Extractly Classic
  6. /
  7. Help
  8. /
  9. Styles, Variables & Code
Topics Styles, Variables & Code
  • / All Topics
  • ├── Extract Colors
  • ├── Clean & Rename
  • ├── Contrast & Palettes
  • └── Styles, Variables & Code
    • ├─ Export colors as CSS, Tailwind, JSON, iOS or Android tokens
    • └─ Turn your color list into a sheet, Figma styles and variables

COLOR EXTRACTLY CLASSIC Help

Styles, Variables & Code

Render a color sheet, add styles and variables, or export CSS, Tailwind, JSON and more.

colorextractly-classic@raiken:~/docs$
CtrlK

Guides

2 guides

  • STYLES, VARIABLES & CODE
    Export colors as CSS, Tailwind, JSON, iOS or Android tokens Click Code Tokens, choose an output format and a naming pattern, then copy or download the file.
    →
  • STYLES, VARIABLES & CODE
    Turn your color list into a sheet, Figma styles and variables Click Render Colors to Figma to draw a color sheet, then add the colors as local color styles or as variables in a collection called Colorly.
    →

RAIKEN.io

Plugins for Figma, apps for Windows, tools for the web.

YouTube Figma Threads

Follow me

YouTube
YouTube @RaikenUX
Figma
Figma @david51
Threads
Threads @raiken.io
Medium
Medium @david_zerbe
LinkedIn
LinkedIn @david-zerbe
Instagram
Instagram @raiken.io
X
X @Dave_UX
GitHub
GitHub @raiken

Products

  • All Products
  • Figma Plugins
  • Notely
  • Bookmarkly
  • Color Extractly
  • Contently
  • Indexly

Free Tools

  • CSS Gradient Generator
  • QR Code Generator

Explore

  • Home
  • Blog
  • Knowledge Base

Contact

  • Email me

© 2026 raiken x uxactly GmbH

Imprint Data Privacy Privacy Preferences