leonardo-converter

About this plugin

Import Leonardo color themes to Figma styles & variables

Usage

1. Create a color theme on leonardocolor.io
2. Click the Share Button and select Copy Theme URL
3. Run plugin and paste link into the Leonardo theme URL field
4. Click Process Styles to add colors to styles
5. Click Process Variables to add colors to variables

Each variable and style description includes a link to your theme in the Leonardo Color app

Free Features

1. Generate Figma Styles
2. Convert any Leonardo theme to organized color styles
3. Support for all Leonardo features (contrast ratios, color spaces, etc.)
4. Advanced naming options with hierarchy support
5. Alpha transparency variants (opaque/translucent)
6. Custom theme naming and organization

Premium Features

1. Create variables instead of just styles for better design systems
2. Multiple variable modes (light/dark/no mode) with custom suffixes
3. Organized variable collections with proper scopes
4. Theme variables for consistent design systems
5. Full control over variable organization and hierarchy

Advanced Features

1. Leonardo color names support with automatic hierarchy parsing
2. Custom mode suffixes (light-v2, dark-mobile, etc.)
3. Multiple transparency levels with percentage-based naming
4. Flexible naming patterns (index-based, contrast-based, Leonardo names)

Get full access for $10

https://jamillazarev.gumroad.com/l/leonardo-converter

Demonstration

https://youtu.be/CLo-xT_Z9mo