Importação e exportação de prototipagem
Importação via plugin do Figma
Use o plugin “Import to Phase” no Figma para importar seus designs para a Phase. Se você configurou componentes interativos no Figma, a Phase os converterá automaticamente nas ações correspondentes.
Exportação de ação (interação)
Sem selecionar nenhuma Ação desejada, a Phase exportará automaticamente a primeira Ação na tela como uma animação quando você clicar no botão Exportar.
Sem selecionar nenhuma Ação desejada, a Phase exportará automaticamente a primeira Ação na tela como uma animação quando você clicar no botão Exportar.
Para exportar uma ação desejada:
- Selecione o elemento que está associado à ação desejada.
- Clique no ícone de raio e selecione a ação desejada na Caixa de diálogo da lista de ações.
- Clique no botão Exportar.
- A Janela de Configurações de importação aparecerá.
- Pressione Exportar. A ação será exportada como uma animação.
Os tipos de arquivo de exportação de animação suportados são:
- GIF: GIFs são ideais para animações pequenas e em loop, perfeitas para incorporar em websites ou mídias sociais.
- MP4: Para exportações de vídeo de alta qualidade, MP4 é a melhor opção.
- Lottie (.json): Arquivos Lottie JSON mantêm nossas animações editáveis e leves. Eles são ótimos para implementar animações suaves em plataformas e aplicativos.
- dotLottie (.lottie): Arquivos DotLottie comprimem nossas animações Lottie em um único pacote autocontido com um tamanho de arquivo menor — perfeito para compartilhamento e implantação otimizados.
Exportação de código (em breve)
No Modo de inspeção, traduziremos seu design em componentes React com CSS & JS. Você poderá copiar o código traduzido e colá-lo em sua base de código ou fornecê-lo aos seus engenheiros como referência.
Começar a Prototipar
Comece com nossa plataforma gratuita baseada na Web.
© Phase Software GmbH 2025