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.
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