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

Converter a partir do Penpot

Passo a passo: transforme um design do Penpot em conteúdo WordPress com a exportação JSON. Disponível a partir do plano Pro.

A importação a partir do Penpot está disponível a partir do plano Pro (Pro, Agency e Studio). O Tapeto lê o JSON do ficheiro do Penpot.

Contas Free e Starter

O separador Penpot mostra um selo Pro e a criação do projeto é recusada 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.

O Tapeto converte a primeira página do ficheiro do Penpot. Para um site com várias páginas, crie um projeto por página (cada um conta para o seu limite mensal).

Antes de começar

  • Uma conta Pro, Agency ou Studio.
  • O ficheiro do Penpot em JSON (.json, até 5–200 MB (conforme o plano)). O pacote binário .penpot não é aceite diretamente.
  • O seu WordPress, se for publicar: veja o guia de ZIP / HTML.

Passo 1 — Prepare o design no Penpot

  1. Construa cada secção como uma board e use o layout flex (linha ou coluna, com espaçamentos e preenchimentos): torna-se em contentores flex reais.
  2. Dê nome às boards e camadas de acordo com a função — Header, Hero, Footer, Card, Button.
  3. Use camadas de texto reais e tipos de letra disponíveis no Google Fonts.
  4. Retire da página que vai converter o que não precisa.

Passo 2 — Obtenha o JSON

O Tapeto precisa dos dados do ficheiro em JSON: um objeto que contenha pages-index (ou pages / objects). Uma forma de o obter é a API do Penpot com um token de acesso (Perfil → Access tokens), pedindo os dados do ficheiro e guardando a resposta como ficheiro .json.

Passo 3 — Crie o projeto

  1. No Tapeto, clique em Novo projeto e escreva um nome.
  2. Abra o separador Penpot.
  3. Largue o ficheiro .json na zona (ou clique para o escolher).
  4. Clique em Criar projeto e aguarde até o estado ser «processado».

Se o JSON não tiver uma estrutura reconhecível do Penpot, o projeto termina em «erro» com uma mensagem que o indica.

Passo 4 — 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.

Passo 5 — Leve o resultado para o WordPress

O Penpot é uma função Pro, por isso a sua conta pode usar todas as vias de saída:

  1. Descarregar ficheiros ou Copiar no separador Conteúdo e importar à mão — veja o separador Instruções para o seu builder.
  2. Ou Exportar WXR e importá-lo em Ferramentas → Importar → WordPress.
  3. Ou Publicar no WordPress: com o plugin instalado no seu site e o site adicionado em Ligações WP (3 sites no Pro, 10 no Agency, ilimitados no Studio), a página é criada como rascunho. O procedimento completo está no guia de ZIP / HTML.
  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.