Leonardo to Figma
from Leonardo to Figma in 7 secs.
Plugin Preview
About this plugin
💔 The problemLeonardo Color generates beautiful, accessible color palettes, but getting them into Figma was painful - copy each color individually, create variables/styles manually, hope you don't make mistakes.✅ The solutionA plugin that imports entire Leonardo palettes in seconds.✨ What it does1. Paste CSS or JSON from Leonardo → instant preview2. Import as Figma Variables OR Styles3. Smart naming (converts brand500 → Brand/500)4. Preserves descriptions and metadata5. Handles updates to existing color systems🚀 Why this mattersDesign systems teams spend way too much time on manual color management. This plugin eliminates the friction between Leonardo's excellent color generation and Figma's design system tools.⚡ Perfect for* Design system teams using Leonardo* Anyone building accessible color palettes* Designers who value their time ⏰
Plugin Details
| Version | 2 |
|---|---|
| Created | July 25, 2025 |
| Last Updated | July 26, 2025 |
| Category | Import & export plugins |
| Creator | Muhammad Elsayed |
| Stats | 17 installs, 9 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.