Frontender

Frontender is een Figma-plugin die werkt als een persoonlijke junior developer en is ontworpen om front-endworkflows te versnellen.

Belangrijkste functies en kenmerken

1. Van ontwerp naar code: selecteer een laag in Figma en Frontender zet deze om in front-endcode.
2. Geen afhankelijkheid van Autolayout: de plugin is niet afhankelijk van autolayout of goed georganiseerde lagen; ook in rommelige bestanden bepaalt hij volgorde, hiërarchie en betekenis.
3. CSS en Tailwind: begrijpt CSS en Tailwind uitstekend, kan willekeurige waarden gebruiken of de dichtstbijzijnde waarde in de configuratie vinden.
4. Ondersteuning voor aangepaste configuratie: plak een aangepaste Tailwind config en de plugin schrijft production-ready code met aangepaste klassen.
5. Meerdere uitvoerformaten: zet Figma-ontwerpen om naar Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS en JSX with Tailwind.
6. Compatibiliteit met frameworks: werkt met frameworks zoals Next en React (JSX), Vue en Svelte (HTML).

Prijsmodel en kosten

Een account is niet nodig en de tool blijft gratis. Elke maand zijn 15 conversies voor onze rekening.

Gebruik

Probeer het nu in Figma zonder een account aan te maken. Selecteer een laag en ontvang de code.