Backlight — Strumenti per sviluppatori

Cos'è Backlight?

Backlight è una piattaforma per design system incentrata sul codice, che consente ai team front-end di creare, pubblicare e far evolvere grandi design system. Combina un IDE online, revisioni visive delle pull request, condivisione istantanea e un plugin per Figma che genera automaticamente kit UI dal codice — colmando il divario tra sviluppatori e designer.

A chi è rivolto?

Backlight è pensato per ingegneri front-end e team di design system che vogliono accelerare lo sviluppo senza sacrificare la qualità. È apprezzato anche dai designer, che possono generare e mantenere automaticamente librerie Figma a partire dalle modifiche al codice. Non è uno strumento low-code/no-code per utenti non tecnici; richiede familiarità con componenti a codice (React, Vue, Svelte, ecc.).

Casi d'uso reali

Team di aziende product-driven come Qovery e Saqara usano Backlight per ridurre la creazione di un design system da mesi a giorni. Le revisioni visive delle PR permettono ai developer di individuare incongruenze prima del merge. Il plugin Figma elimina i passaggi manuali tra design e codice, risparmiando ore per ogni sprint.

Limitazione importante da sapere

Backlight.dev verrà dismesso il 1° giugno 2025. Per dettagli, contatta hello@divriots.com. Questo significa che nuove registrazioni e migrazioni a lungo termine potrebbero essere influenzate — tienilo in considerazione prima di impegnarti con la piattaforma per nuovi progetti.

• Revisioni visive delle Pull Request — Visualizza le modifiche prima e dopo dei componenti del tuo design system senza attendere build.
• Plugin Figma (story.to.design) — Genera e mantieni automaticamente kit UI Figma direttamente dal tuo codice.
• IDE online + CLI — Modifica i componenti in tempo reale usando il tuo framework preferito (React, Vue, Svelte, SolidJS, ecc.).
• Versioning e Auto-Versioning — Mantieni snapshot automatici del tuo design system, con tagging manuale quando necessario.
• Motore di documentazione avanzato — Scrivi documentazione in Markdown, MDJS, MDX2, MDVue, MDsveX o Nunjucks; esporta un sito di documentazione statico.
• Integrazione Git — Funziona con GitHub e GitLab; condividi e collabora sui design system senza ticket.
• Report di regressione visiva — Individua modifiche visive indesiderate con snapshot automatici di regressione (100 inclusi nel piano Starter).

Prezzi di Backlight: Piano gratuito disponibile; Pro da $149/mese. Modello di fatturazione: Freemium.

Starter (Gratuito)

Utenti illimitati, fino a 2 design system, IDE online e CLI, integrazioni GitHub e GitLab, revisioni visive delle PR, 100 report di regressione visiva, pubblicazione su scope @backlight-dev, documentazione Markdown/MDX, editing in tempo reale, auto-versioning, supporto tramite community Discord.

Pro ($149/mese)

Tutte le funzionalità di Starter, fino a 5 design system, 1000 report di regressione visiva, pubblicazione su qualsiasi scope/registry, pubblicazione di pacchetti privati, esportazione del sito di documentazione statico, supporto via email.

Enterprise ($499/mese)

Tutte le funzionalità di Pro, design system illimitati, report di regressione visiva illimitati, supporto via email con SLA e story.to.design (plugin Figma) incluso. L'1% degli acquisti viene devoluto a Stripe Climate.

Nota: Backlight.dev verrà dismesso il 1° giugno 2025. I nuovi abbonamenti potrebbero essere influenzati.

Trova lo strumento giusto per te con il nostro consulente IA →