Commencer gratuitement
Menu de la documentation

Convertir depuis Penpot

Pas à pas : transformez un design Penpot en contenu WordPress avec l'export JSON. Disponible à partir de l'offre Pro.

L’import depuis Penpot est disponible à partir de l’offre Pro (Pro, Agency et Studio). Tapeto lit le JSON du fichier Penpot.

Comptes Free et Starter

L’onglet Penpot affiche un badge Pro et la création du projet est refusée avec « Votre offre n’inclut pas cette source ». Avec Free ou Starter, vous pouvez utiliser à la place un site ZIP / HTML ou Figma, ou changer d’offre depuis Paramètres → Forfait et facturation. Une fois en Pro, suivez les étapes ci-dessous.

Tapeto convertit la première page du fichier Penpot. Pour un site de plusieurs pages, créez un projet par page (chacun compte dans votre limite mensuelle).

Avant de commencer

  • Un compte Pro, Agency ou Studio.
  • Le fichier Penpot en JSON (.json, 5–200 Mo (selon l’offre) maximum). Le paquet binaire .penpot n’est pas accepté directement.
  • Votre WordPress, si vous allez publier : voir le guide ZIP / HTML.

Étape 1 — Préparer le design dans Penpot

  1. Construisez chaque section comme un board et utilisez le layout flex (ligne ou colonne, avec espacements et marges internes) : il devient de vrais conteneurs flex.
  2. Nommez vos boards et calques selon leur rôle — Header, Hero, Footer, Card, Button.
  3. Utilisez de vrais calques de texte et des polices disponibles sur Google Fonts.
  4. Retirez de la page à convertir ce dont vous n’avez pas besoin.

Étape 2 — Obtenir le JSON

Tapeto a besoin des données du fichier en JSON : un objet qui contient pages-index (ou pages / objects). Une façon de l’obtenir est l’API de Penpot avec un jeton d’accès (Profil → Access tokens), en demandant les données du fichier et en enregistrant la réponse dans un fichier .json.

Étape 3 — Créer le projet

  1. Dans Tapeto, cliquez sur Nouveau projet et saisissez un nom.
  2. Ouvrez l’onglet Penpot.
  3. Déposez le fichier .json dans la zone (ou cliquez pour le choisir).
  4. Cliquez sur Créer le projet et attendez que le statut soit « traité ».

Si le JSON n’a pas de structure Penpot reconnaissable, le projet se termine en « erreur » avec un message qui l’indique.

Étape 4 — Choisir le builder et convertir

  1. Ouvrez le projet et choisissez Gutenberg ou Elementor.
  2. Cliquez sur Convertir, attendez que la conversion soit terminée et vérifiez l’Aperçu et le Fidelity Score.

Étape 5 — Amener le résultat dans WordPress

Penpot est une fonction Pro : votre compte peut donc utiliser toutes les voies de sortie :

  1. Télécharger les fichiers ou Copier depuis l’onglet Contenu et importer à la main — voir l’onglet Instructions pour votre builder.
  2. Ou Exporter en WXR et l’importer depuis Outils → Importer → WordPress.
  3. Ou Publier sur WordPress : avec le plugin installé sur votre site et le site ajouté dans Connexions WP (3 sites en Pro, 10 en Agency, illimités en Studio), la page est créée en brouillon. La procédure complète se trouve dans le guide ZIP / HTML.
  4. Sur Agency et Studio, le WXR peut aussi contenir les types de contenu personnalisés et les boucles.

Étape suivante

Voir Exporter les résultats et Connecter WordPress.