HTML vers Figma : importez n'importe quel site en calques modifiables

Installez le plugin gratuit Codia AI Web2Figma depuis Figma Community et lancez-le dans n'importe quel fichier Figma. Collez l'URL de la page, choisissez une vue (ordinateur, tablette ou mobile) et un thème clair ou sombre, puis importez. La page arrive sur votre canevas en calques Figma modifiables. Pour une page qui demande une connexion, capturez-la d'abord avec l'extension Chrome.

Oui, vous pouvez commencer gratuitement. L'offre gratuite inclut 10 crédits de transformation chaque mois, sans carte bancaire. L'offre Pro ajoute les imports illimités, le traitement d'images en plus haute résolution et l'import de plusieurs URL ou fichiers Codia à la fois.

Oui. Les plugins Figma fonctionnent avec l'offre gratuite de Figma, vous n'avez donc pas besoin d'une licence payante. Il vous faut en revanche l'application de bureau Figma ou Figma dans un navigateur sur ordinateur : les plugins ne fonctionnent pas dans les applications mobiles de Figma.

Oui. Installez l'extension Chrome de Codia AI Web2Figma, ouvrez la page dans Chrome en étant connecté et capturez-la : l'extension l'enregistre dans un fichier .codia. Importez ou collez ensuite ce fichier dans la zone d'import de l'extension Chrome du plugin. Cela fonctionne pour les tableaux de bord, les espaces d'administration, les environnements de préproduction et les autres pages que l'import par URL ne peut pas atteindre.

Oui. Choisissez ordinateur, tablette ou mobile avant l'import pour capturer la page à cette largeur, et sélectionnez le thème clair ou sombre sur les sites qui proposent les deux. Importez plusieurs vues pour réunir un ensemble de frames responsive dans un même fichier.

Le texte arrive en calques de texte modifiables, les images en remplissages d'image, et les sections, arrière-plans, bordures et dégradés en frames et formes qui suivent la mise en page. Codia capture la page telle qu'elle s'affiche au moment de l'import : les animations, les scripts et les interactions ne sont donc pas repris.

Oui. Au lieu de coller une URL, importez un fichier .html ou .htm, ou le .zip d'un site exporté avec son CSS et ses images, dans la zone d'import de l'extension Chrome du plugin. Si le ZIP contient plusieurs pages, vous choisissez celle à importer. Pratique pour les builds locaux, les exports HTML et les pages qui ne sont pas encore en ligne.