Frontender

Frontender est un plugin Figma qui agit comme un développeur junior personnel afin d’accélérer les flux de travail front-end.

Fonctionnalités et caractéristiques principales

1. Du design au code : sélectionnez n’importe quel calque dans Figma et Frontender le convertit en code front-end.
2. Aucune dépendance à l’Auto Layout : l’outil ne dépend ni de l’Auto Layout ni de calques bien organisés. Il détermine l’ordre, la hiérarchie et le sens, même dans les fichiers désordonnés.
3. Maîtrise de CSS et Tailwind : Frontender comprend très bien CSS et Tailwind, peut utiliser des valeurs arbitraires ou trouver la valeur la plus proche dans la configuration.
4. Prise en charge des configurations personnalisées : collez une configuration Tailwind personnalisée pour générer du code prêt pour la production avec vos classes personnalisées.
5. Plusieurs formats de sortie : Only CSS, Only CSS-in-JS, Only Tailwind, HTML with CSS, HTML with Tailwind, JSX with CSS-in-JS et JSX with Tailwind.
6. Compatibilité avec les frameworks : fonctionne avec des frameworks comme Next et React (JSX), ainsi qu’avec Vue et Svelte (HTML).

Modèle tarifaire et coût

Aucun compte n’est nécessaire et l’outil est gratuit pour toujours. 15 conversions sont offertes chaque mois.

Mode d’utilisation

Essayez-le dès maintenant dans Figma sans créer de compte. Sélectionnez un calque et obtenez le code.