Notes sur la conversion de sites web en calques Figma.
Comparatifs avec les vrais prix, références CSS vers Figma, tutoriels et données issues de nos propres imports. Pour les designers qui importent des sites web dans Figma.
Comment importer une app Next.js en localhost dans Figma
Une app Next.js en localhost s'importe dans Figma comme toute autre page: lancez le CLI de capture sur l'URL locale, masquez l'indicateur de dev, attendez l'hydratation.
LireBorder Radius, Bordures et Contours : Ce Qui Survit à un Import
border-radius, border et outline en CSS ressemblent à une seule famille de propriétés dans les outils de développement, mais elles arrivent dans Figma de trois façons différentes après un import. Voici ce qui se conserve exactement, ce qui devient un réglage de contour de trait, et ce qui n'a aucun équivalent en CSS.
LireNombre de calques, taux de repli et substitution de polices lors d'un import Figma
Combien de calques une page génère à l'import, où se situe la limite des 500 calques du forfait gratuit, et quelles polices sont substituées.
LireUnHTML contre l'import Figma de Builder.io: lequel correspond vraiment à votre besoin
UnHTML et le plugin de Builder.io importent tous les deux une page web dans Figma, mais ils résolvent des problèmes différents. Voici ce que chacun importe vraiment, comment l'auto layout tient la route, et ce que chaque éditeur déclare sur ses limites en 2026.
LireLe taux de substitution de polices lors d'un import typique du web vers Figma
La plupart des pages gardent leurs polices intactes à l'import. Voici le vrai taux de substitution, et quelles polices auto hébergées sont remplacées par Inter.
LireExporter du HTML Autonome depuis Chrome pour l'Importer
Le menu Enregistrer sous de Chrome propose trois modes d'export, mais un seul se rapproche d'un fichier HTML vraiment autonome. Voici lequel choisir.
LireDe box-shadow en CSS à un effet Figma : la correspondance propriété par propriété
Une valeur box-shadow CSS et un effet Drop Shadow ou Inner Shadow partagent les cinq mêmes propriétés sous des noms différents. La correspondance, champ par champ.
LireUnHTML contre Locofy : convertir une page web en design et convertir un design en code ne sont pas le même travail
UnHTML importe une page web en direct dans Figma sous forme de calques modifiables. Locofy exporte un design Figma existant en code. Voici comment les deux flux de travail s'articulent vraiment.
LireEnregistrer une page en Web Archive Safari pour l'importer dans UnHTML
Enregistrer sous, Web Archive dans Safari réunit le HTML, le CSS, le JS et les images d'une page en un seul fichier pour UnHTML. Voici comment en créer un sur Mac et iOS.
LirePosition CSS dans Figma : Static, Relative, Absolute, Fixed et Sticky
CSS compte cinq valeurs de position : static, relative, absolute, fixed, sticky. Cette référence les associe à l'auto layout et aux constraints de Figma.
LireUnHTML contre Anima : dans quel sens la conversion se fait vraiment
UnHTML transforme une page web en calques Figma. Anima transforme une maquette Figma en code. Voici ce que cette différence de sens change pour votre flux de travail.
LireComposants Figma issus d'un import : transformer une page UnHTML Pro en styles réutilisables
La majeure partie d'un import UnHTML Pro dispose déjà d'auto layout, de text styles et de composants. Voici comment finir d'organiser ce que Pro laisse en simples frames.
LireComment importer un site React ou Vue dans Figma
Découvrez comment une capture en CLI transforme une application React ou Vue en direct en cadres auto layout modifiables dans Figma.
LireSubstitution de Polices dans Figma : Comment les Polices Manquantes Sont Remplacées et Consignées
Pourquoi les polices d'une page importée apparaissent comme manquantes dans Figma, comment Figma et UnHTML les remplacent chacun, et comment lire le rapport d'import avant de publier.
LireCSS Grid vers Figma : Ce Qui Survit à la Conversion en Calques
Les tracks, spans, gap et l'unité fr de CSS grid se traduisent presque directement dans le grid auto layout de Figma. Grid-template-areas et subgrid, non.
LireCollage Web de Figma vs Plugins Capture vers Design vs UnHTML en 2026
Le collage natif de Figma transforme les images web en remplissages plats. Voici ce que produit chaque approche jusqu a l import CSS d UnHTML, en 2026.
LireUnHTML contre html.to.design : prix, limite de calques et résultat auto layout en 2026
UnHTML et html.to.design transforment tous deux une page web en calques Figma modifiables, mais ils facturent et limitent cette conversion de façon très différente.
LireDe CSS Flexbox à Figma Auto Layout : Propriété par Propriété
Une correspondance propriété par propriété entre CSS flexbox et Figma auto layout : direction, justify-content, align-items, gap, flex-grow et flex-shrink.
Lire