Para que serve converter Figma para Adobe XD?
O Adobe XD não abre arquivos do Figma, mas importa SVG. O problema é que o SVG exportado pelo Figma usa recursos que o XD não entende bem: folhas de estilo, referências <use>, máscaras alfa, sombras escritas com oito filtros encadeados ou o desfoque de fundo. Na importação, o XD perde máscaras, mostra sombras estranhas ou desloca imagens.
Esta ferramenta reescreve o SVG do Figma em SVG simples que o XD importa direito: transforma os estilos em atributos, troca as referências por cópias do que elas apontam, converte máscaras alfa em máscaras de recorte (as que o XD usa), reescreve sombras e desfoque de camada no formato que o próprio XD exporta, remove o que o XD não consegue importar (como o desfoque de fundo) e fixa o tamanho em pixels.
Envie um ou mais arquivos .svg ou cole o código do “Copy as SVG” do Figma. Você verá uma prévia e um resumo do que foi adaptado. Depois, copie o SVG e cole no XD com Ctrl+V, ou baixe e arraste para a área de trabalho do XD.
Tudo acontece no seu navegador: nada é enviado. O teste grátis converte um SVG; com o ToolStudio Pro o uso é ilimitado e você pode converter vários arquivos de uma vez.
Como levar um design do Figma para o Adobe XD?
- No Figma, selecione o frame e clique com o botão direito › Copy/Paste as › Copy as SVG (ou exporte como SVG).
- Cole o código na aba “Colar código SVG” ou envie o arquivo .svg.
- Clique em “Converter para XD”.
- Clique em “Copiar SVG” e cole no Adobe XD com Ctrl+V, ou baixe o .svg e arraste para a área de trabalho (ou Arquivo › Importar).
Quando levar designs do Figma para o XD?
- Entregar telas ou ícones a um cliente ou equipe que ainda trabalha com o Adobe XD.
- Levar ilustrações e logos do Figma para um projeto do XD.
- Reaproveitar componentes do Figma em um protótipo feito no XD.
- Corrigir SVGs do Figma que ficam errados ao importar no XD (máscaras, sombras, imagens).
Formatos compatíveis
- Entrada: SVG exportado do Figma (arquivo .svg de até 50 MB ou código colado). SVG de outros programas também funciona.
- Saída: SVG preparado para o Adobe XD, para copiar e colar ou baixar.
- Arquivos .fig não podem ser convertidos: só o próprio Figma abre esses arquivos. Exporte antes o frame como SVG.
- Para os textos chegarem como texto editável, desative “Outline text” nas opções de exportação SVG do Figma.
Perguntas Frequentes
Posso abrir um arquivo do Figma (.fig) no Adobe XD?
Não. Nem o XD nem nenhuma ferramenta externa consegue ler arquivos .fig. O que funciona é exportar do Figma em SVG (“Copy as SVG” ou Exportar › SVG) e passar esse SVG por esta ferramenta para o XD importar direito.
Por que não importar o SVG do Figma direto no XD?
Porque o Figma escreve no SVG máscaras alfa, filtros encadeados, estilos e referências que o importador do XD interpreta mal ou ignora: máscaras se perdem, sombras mudam ou elementos somem. A ferramenta reescreve tudo em um formato que o XD entende.
Posso colar o resultado direto no XD?
Clique em “Copiar SVG” e cole com Ctrl+V (Cmd+V no Mac) na área de trabalho do XD. Se a sua versão do XD não colar código SVG, baixe o arquivo .svg e arraste para a área de trabalho ou abra com Arquivo › Importar.
Os textos chegam editáveis?
Só se o SVG tiver texto. Por padrão, o Figma converte os textos em contornos ao exportar SVG; desmarque “Outline text” nas opções de exportação para mantê-los como texto e tenha as mesmas fontes instaladas.
Meus arquivos são enviados para algum servidor?
Não. O arquivo é aberto e convertido no seu próprio navegador. Ele não é enviado para nenhum servidor e não sai do seu computador, então você pode usar com projetos de clientes ou confidenciais.
É grátis?
Você tem um teste grátis: converta um SVG. Para mais arquivos, ou vários de uma vez, você precisa do ToolStudio Pro, com uso ilimitado de todas as ferramentas, processamento em lote e nenhum anúncio. Cancele quando quiser.
