Suporte de saída
Saiba o que é preservado antes de migrar.
O que o Inlu importa de um arquivo .fig e o que produz como código, recurso por recurso. Quando o suporte é parcial, a nota diz o que verificar.
Suporte de saída
SuportadoParcialAinda não
| Recurso | Importação de .fig | Exportação de código | Snippets do Dev Mode |
|---|---|---|---|
| Estrutura | |||
| Frames, grupos, vetores, texto | Suportado | Suportado | Suportado |
| Auto layout | ParcialVerifique o dimensionamento “Hug” após a importação | ParcialAlguns layouts ainda usam posições absolutas | Suportado |
| Breakpoints responsivos | — | Ainda nãoAinda sem media queries | — |
| Design system | |||
| Componentes e instâncias | ParcialVerifique os estilos em instâncias trocadas | Suportado | Suportado |
| Variáveis | Suportado | ParcialOs valores são escritos inline, não como tokens | Suportado |
| Mapeamento para os componentes do seu código | — | — | SuportadoVia Code Connect |
| Comportamento | |||
| Links e fluxos de protótipo | Suportado | Ainda não | — |
| Comentários | —Não são armazenados em arquivos .fig | — | — |
Exportação de código: React, HTML/CSS, Vue, Next.js. Snippets do Dev Mode: CSS, HTML, React, Vue, SwiftUI, UIKit, Jetpack Compose, Android XML.
Os status refletem o produto em 23 de outubro de 2026 e mudam conforme as correções são lançadas.
Teste no seu arquivo
A verificação mais rápida é o seu próprio arquivo.
- Importe um .fig realEscolha um arquivo com os componentes e o auto layout que seu time mais usa.
- Inspecione os frames que importamAbra-os no Dev Mode e compare espaçamentos, variáveis e estados com o original.
- Exporte um frameBaixe o projeto e leia-o como você revisaria um pull request.