[THREAD] Connaissez vous Locofy.ai, l'outil qui vous permet de transformez vos maquettes #figma en code frontend (React, React Native, Nextjs, HTML-CSS et Gatsby) 👇
Installez le plugin locofy.ai sur Figma
➡ Utilisez ensuite votre design/maquette existant ou récupérez un modèle auprès de la communauté Figma
La première étape consiste à baliser vos calques, tel que les CTA ou les vidéos
➡ Locofy dispose également de LocoAI qui peut scanner vos maquettes pour vous recommander les bonnes balises pour chaque élément
Locofy génère un code responsive qui utilise le système Flexbox
➡Définissez des styles et ajouter du CSS custom si vous le souhaitez !
➡Une autre fonctionnalité est que vous pouvez créer des composants réutilisables et ajouter des composants pour le contenu dynamique, ce qui vous permet de gagner beaucoup de temps !
Vous pouvez Ă©galement visualiser un prototype qui fonctionne sur du code live
➡ Si vous travaillez avec votre équipe, vous pouvez également partager facilement votre prototype en utilisant un simple lien
➡ Une fois que vous êtes satisfait du code généré, vous pouvez alors déployer votre code directement vers Netlify ou Vercel, ou l'exporter
➡ Locofy.ai prend actuellement en charge Figma to React, React Native, HTML/CSS, Next.js, Gatsby
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.