Vous êtes-vous déjà demandé à quel point ce serait cool de simplement dessiner quelque chose sur un papier et de le laisser prendre vie dans le monde réel ? Eh bien, c’est exactement quelque chose que Microsoft a réalisé avec l’application Web Skletch2Code alimentée par l’IA, qui peut convertir des dessins manuscrits d’un tableau blanc en sites Web HTML en un clic.
Sketch2Code peut convertir n’importe quelle mise en page dessinée à la main d’un site Web en HTML en quelques secondes seulement. L’outil utilise le service Computer Vision AI de Microsoft pour détecter les objets HTML dans un dessin, puis utilise la reconnaissance de texte pour extraire le texte manuscrit du dessin afin de combiner et de créer des extraits HTML de tous les éléments de conception de l’image.
Cela permet aux concepteurs et aux développeurs Web de créer incroyablement rapidement des prototypes HTML d’un site Web dans de nombreux styles différents en quelques secondes. Si vous souhaitez savoir comment cela fonctionne dans le backend, assurez-vous de lire les détails techniques de Sketch2Code sur le site Web de Microsoft.
Vous trouverez ci-dessous un didacticiel rapide pour vous montrer à quel point il est simple d’utiliser Sketch2Code pour convertir les dessins de mise en page de sites Web en véritables pages HTML.
Tout d’abord, dessinez une mise en page de votre site Web sur un tableau blanc ou une feuille blanche. Ensuite, prenez-en une photo et enregistrez-la sur votre ordinateur. Après cela, cliquez sur le bouton ci-dessous pour ouvrir l’application Web Sketch2Code dans votre navigateur.
Une fois le site Web ouvert, cliquez sur le bouton Télécharger le design et sélectionnez l’image de la mise en page du site Web que vous avez dessinée sur un tableau blanc ou une feuille blanche.
Après avoir téléchargé la conception du site Web dessinée à la main, asseyez-vous et regardez Sketch2Code utiliser l’IA pour générer automatiquement une page HTML basée sur la mise en page de l’image que vous avez téléchargée.
Une fois le processus terminé, un aperçu de la page HTML fraîchement générée s’affichera avec la possibilité de télécharger le code complet. Cliquez sur le bouton Téléchargez votre code HTML pour obtenir le. html de la mise en page de votre site Web dessinée à la main afin que vous puissiez la tester et la prévisualiser localement dans votre navigateur Web.
C’est ça. Nous espérons que Sketch2Code vous fera gagner du temps dans le prototypage d’une mise en page Web.
Articles similaires:
Gérer les comptes Bluesky, Mastodon et Threads en toute transparence avec Openvibe
7:50
Correction de l’erreur « Invalid Handle » sur Bluesky : un guide étape par étape
11:48
Les 5 meilleures méthodes pour lancer l’explorateur de fichiers en tant qu’administrateur dans Windows 11
14:55
Laisser un commentaire