Compatibilidad de salida
Sabe qué se conserva antes de mudarte.
Qué importa Inlu de un archivo .fig y qué produce como código, función por función. Cuando la compatibilidad es parcial, la nota indica qué revisar.
Compatibilidad de salida
CompatibleParcialAún no
| Función | Importación de .fig | Exportación de código | Fragmentos de código de Dev Mode |
|---|---|---|---|
| Estructura | |||
| Frames, grupos, vectores, texto | Compatible | Compatible | Compatible |
| Auto layout | ParcialRevisa el tamaño «Hug» tras la importación | ParcialAlgunos layouts aún usan posiciones absolutas | Compatible |
| Breakpoints responsivos | — | Aún noAún no hay media queries | — |
| Sistema de diseño | |||
| Componentes e instancias | ParcialRevisa los estilos en instancias intercambiadas | Compatible | Compatible |
| Variables | Compatible | ParcialLos valores se escriben en línea, no como tokens | Compatible |
| Vinculación con tus componentes de código | — | — | CompatibleMediante Code Connect |
| Comportamiento | |||
| Enlaces y flujos de prototipo | Compatible | Aún no | — |
| Comentarios | —No se almacenan en archivos .fig | — | — |
Exportación de código: React, HTML/CSS, Vue, Next.js. Fragmentos de Dev Mode: CSS, HTML, React, Vue, SwiftUI, UIKit, Jetpack Compose, Android XML.
Los estados reflejan el producto a fecha de 23 de octubre de 2026 y cambian a medida que se publican correcciones.
Pruébalo con tu archivo
La comprobación más rápida es tu propio archivo.
- Importa un .fig realElige un archivo con los componentes y el auto layout que más usa tu equipo.
- Inspecciona los frames que importanÁbrelos en Dev Mode y compara espaciados, variables y estados con el original.
- Exporta un frameDescarga el proyecto y léelo como revisarías un pull request.