Frontender

Frontender è un plugin di Figma che agisce come uno sviluppatore junior personale, progettato per velocizzare i flussi di lavoro front-end.

Funzionalità e caratteristiche principali

1. Dal design al codice: seleziona qualsiasi livello in Figma e Frontender lo convertirà in codice front-end.
2. Nessuna dipendenza da Auto Layout: non dipende da Auto Layout né da livelli ben organizzati; individua ordine, gerarchia e significato anche nei file disordinati.
3. Competenza in CSS e Tailwind: comprende molto bene CSS e Tailwind, può usare valori arbitrari o trovare il valore più vicino nella configurazione.
4. Supporto per configurazioni personalizzate: incolla una configurazione Tailwind personalizzata e lo strumento scriverà codice pronto per la produzione usando classi personalizzate.
5. Più formati di output: Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS e JSX with Tailwind.
6. Compatibilità con i framework: funziona con framework come Next e React (JSX), oltre a Vue e Svelte (HTML).

Modello di prezzo e costi

Non serve un account ed è gratuito per sempre. Sono disponibili 15 conversioni gratuite ogni mese.

Come si usa

Provalo subito in Figma senza creare un account. Seleziona un livello e ottieni il codice.