Notes de l’éditeur : Notes des utilisateurs :[Total : 0 Moyenne : 0] @media(min-width : 500px) { } @media(min-width : 800px) { }
Avez-vous déjà ressenti le besoin de convertir n’importe quel site Web en un design Figma pour reconcevoir vos pages Web ou pour ajouter des annotations. Eh bien, voici un excellent moyen de le faire en utilisant un plugin Figma gratuit appelé html.to.design.
html.to.design vous permet de convertir n’importe quel site Web à un design Figma entièrement modifiable. Vous pouvez ensuite reconcevoir votre site Web sans avoir à créer chaque élément à partir de zéro. Que vous soyez en train de reconcevoir un ancien site Web ou de créer des repères dans Figma ou de récupérer des ressources de conception sur le Web, ce plugin fera le travail pour vous facilement et rapidement.
html.to.design peut être très pratique lorsque vous voulez capturer un site Web pour un moodboard sans prendre de captures d’écran. De plus, les membres de l’équipe peuvent charger une page Web modifiable pour collaborer les uns avec les autres et fournir des commentaires et des commentaires. Les rédacteurs UX peuvent l’utiliser pour générer différentes copies et obtenir un aperçu précis de son apparence. Il existe de nombreux cas d’utilisation de ce type en ce qui concerne le plugin html.to.design.
Passons rapidement en revue ses fonctionnalités :
Importations groupées : vous pouvez facilement importer plusieurs pages à la fois en quelques secondes seulement. Une fois l’importation effectuée avec succès, les pages sont prêtes à être annotées ou repensées.
Multi-viewport : vous pouvez importer des viewports Desktop, Mobile, Tablet ou Laptop en un seul tourné sans avoir besoin d’exécuter le plug-in plusieurs fois.
Multi-thème : vous pouvez facilement importer des thèmes clairs et sombres côte à côte.
Génération de styles de texte et de couleur : cette fonctionnalité bêta développe des styles Figma locaux pour la couleur et le texte.
Fonctionnement :
1. Cliquez ici pour accéder à la page des plugins de la communauté Figma, puis cliquez sur sur”Try it out”, installez le plugin html.to.design. Vous devez être connecté à votre compte Figma pour effectuer cette étape.
2. Vous serez maintenant dirigé vers Figma et un dessin vierge sera créé. Ensuite, cliquez sur le bouton”Ressources”dans la barre d’outils Figma, choisissez l’onglet”Plugins”et cliquez sur”Exécuter”à côté du plugin html.to.design.
3. Collez l’URL du site Web que vous souhaitez convertir en un design Figma. Cliquez sur le menu déroulant pour choisir la fenêtre d’affichage telle que Bureau, Ordinateur portable, Téléphone, etc.
4. Choisissez ensuite le Thème souhaité (Clair/Sombre) en cliquant sur le bouton correspondant puis cliquez sur ‘Importer’
5. Attendez un moment pendant que le plugin analyse vos entrées et convertit le site Web en un design Figma.
6. Vous pouvez maintenant ajouter des annotations, des commentaires ou reconcevoir l’ensemble du site Web dans Figma selon vos besoins.
Si la page Web que vous souhaitez convertir se trouve derrière une connexion ou un VPN, vous devez installer le html. to.design Chrome Extension en plus du plugin Figma. Cliquez ici pour installer l’extension. Pour en savoir plus à ce sujet, cliquez ici.
Fermeture Commentaires :
html.to.design est un excellent plugin qui vous aide à convertir des pages Web entières en conceptions Figma entièrement modifiables que vous pouvez entièrement reconcevoir ou utiliser pour les commentaires et les annotations. Il peut également être très pratique de supprimer facilement et rapidement des ressources de conception sur le Web.
