Começar de graça
Menu da documentação

Converter a partir do Adobe XD

Passo a passo: transforme um ficheiro do Adobe XD (.xd) em conteúdo WordPress. Disponível a partir do plano Pro.

A importação de ficheiros .xd está disponível a partir do plano Pro (Pro, Agency e Studio). Carrega o próprio ficheiro: não é preciso nenhum passo de exportação.

Contas Free e Starter

Ao escolher um ficheiro .xd, o Tapeto recusa-o com «Seu plano não inclui esta fonte». Com Free ou Starter pode usar, em alternativa, um site ZIP / HTML ou o Figma, ou mudar de plano em Definições → Plano e faturação. Quando estiver no Pro, siga os passos abaixo.

Todas as pranchetas (artboards) do ficheiro são lidas e tornam-se secções consecutivas de uma única página convertida. Para um site com várias páginas, use um ficheiro por página ou outra origem.

Antes de começar

  • Uma conta Pro, Agency ou Studio.
  • O ficheiro .xd, até 5–200 MB (conforme o plano).
  • O seu WordPress, se for publicar: veja o guia de ZIP / HTML.

Passo 1 — Prepare o design no Adobe XD

  1. Coloque a página em pranchetas com largura de ambiente de trabalho, pela ordem em que quer que apareçam (de cima para baixo).
  2. Dê nome às pranchetas e camadas de acordo com a função — Header, Hero, Footer, Card.
  3. Use objetos de texto reais e tipos de letra disponíveis no Google Fonts.
  4. Mantenha as imagens e os SVG dentro do ficheiro: viajam no pacote .xd e são detetados como recursos.
  5. Elimine as pranchetas que não quer converter.

Passo 2 — Crie o projeto

  1. No Tapeto, clique em Novo projeto e escreva um nome.
  2. Fique no separador Ficheiro (o mesmo usado para ZIP / HTML).
  3. Largue o ficheiro .xd na zona. O Tapeto reconhece-o pela extensão.
  4. Clique em Criar projeto e aguarde até o estado ser «processado».

Se o ficheiro não puder ser aberto como pacote XD, o projeto termina em «erro» com o motivo.

Passo 3 — Escolha o builder e converta

  1. Abra o projeto e escolha Gutenberg ou Elementor.
  2. Clique em Converter, aguarde até a conversão estar concluída e veja a Pré-visualização e o Fidelity Score.
  3. Confira as imagens e substitua na Biblioteca de multimédia as que faltarem depois de importar.

Passo 4 — Leve o resultado para o WordPress

  1. Descarregar ficheiros ou Copiar no separador Conteúdo e importar à mão — o separador Instruções mostra os passos para o seu builder.
  2. Ou Exportar WXR e importá-lo em Ferramentas → Importar → WordPress (sem plugin).
  3. Ou Publicar no WordPress: com o plugin instalado e o site adicionado em Ligações WP (3 sites no Pro, 10 no Agency, ilimitados no Studio), a página é criada como rascunho. Veja o guia de ZIP / HTML para o procedimento completo.
  4. No Agency e no Studio, o WXR pode incluir ainda os tipos de conteúdo personalizados e os loops.

Passo seguinte

Veja Exportar resultados e Ligar o WordPress.