Prise en charge des sorties
Sachez ce qui est conservé avant de migrer.
Ce qu’Inlu importe depuis un fichier .fig et ce qu’il produit en code, fonctionnalité par fonctionnalité. Lorsque la prise en charge est partielle, la note indique ce qu’il faut vérifier.
Prise en charge des sorties
Pris en chargePartielPas encore
| Fonctionnalité | Import .fig | Export de code | Extraits de code Dev Mode |
|---|---|---|---|
| Structure | |||
| Frames, groupes, vecteurs, texte | Pris en charge | Pris en charge | Pris en charge |
| Auto layout | PartielVérifiez le dimensionnement « Hug » après l’import | PartielCertains layouts utilisent encore des positions absolues | Pris en charge |
| Points d’arrêt responsive | — | Pas encorePas encore de media queries | — |
| Design system | |||
| Composants et instances | PartielVérifiez les styles sur les instances échangées | Pris en charge | Pris en charge |
| Variables | Pris en charge | PartielLes valeurs sont écrites en ligne, et non sous forme de tokens | Pris en charge |
| Correspondance avec vos composants de code | — | — | Pris en chargeVia Code Connect |
| Comportement | |||
| Liens et flux de prototype | Pris en charge | Pas encore | — |
| Commentaires | —Non stockés dans les fichiers .fig | — | — |
Export de code : React, HTML/CSS, Vue, Next.js. Extraits Dev Mode : CSS, HTML, React, Vue, SwiftUI, UIKit, Jetpack Compose, Android XML.
Les statuts reflètent le produit au 23 octobre 2026 et évoluent à mesure que les correctifs sont livrés.
Essayez-le sur votre fichier
Le contrôle le plus rapide, c’est votre propre fichier.
- Importez un vrai .figChoisissez un fichier contenant les composants et l’auto layout que votre équipe utilise le plus.
- Inspectez les frames importantsOuvrez-les dans Dev Mode et comparez espacements, variables et états avec l’original.
- Exportez un frameTéléchargez le projet et lisez-le comme vous relirez une pull request.