Leonardo to Figma
from Leonardo to Figma in 7 secs.
Plugin Preview
About this plugin
💔 The problem
Leonardo 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 solution
A plugin that imports entire Leonardo palettes in seconds.
✨ What it does
1. Paste CSS or JSON from Leonardo → instant preview
2. Import as Figma Variables OR Styles
3. Smart naming (converts brand500 → Brand/500)
4. Preserves descriptions and metadata
5. Handles updates to existing color systems
🚀 Why this matters
Design 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 | 13 installs, 8 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.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML