Frontender

Frontender se présente comme un développeur junior personnel pour le travail front-end. Vous sélectionnez n'importe quel calque ou groupe dans Figma, lancez le plugin, et il produit du code dans le format voulu : CSS pur, CSS-in-JS, classes utilitaires Tailwind, HTML, ou JSX pour React et Next.js, ainsi que du HTML pour les projets Vue et Svelte. Comme il ne dépend ni de l'auto-layout ni d'un nommage soigné des calques, il déduit l'ordre, la hiérarchie et l'intention même dans des fichiers désorganisés.

Il excelle particulièrement sur Tailwind CSS : il génère des valeurs arbitraires lorsqu'aucune classe ne convient, ou associe une valeur de maquette à la classe la plus proche de votre configuration, et accepte une configuration Tailwind personnalisée collée pour utiliser vos propres tokens et noms de classes. Le résultat vise du code prêt pour la production, et non une simple ébauche.

Pour un outil de niche, l'adoption est large : le site annonce plus de 5 000 développeurs dans plus de 30 pays. Frontender est un produit de Hubition, basée à Utrecht aux Pays-Bas. Le tarif suit un modèle freemium : sans compte, 15 conversions gratuites par mois, et des offres payantes pour un usage plus intensif.