Commencer gratuitement
Menu de la documentation

Convertir depuis Adobe XD

Pas à pas : transformez un fichier Adobe XD (.xd) en contenu WordPress. Disponible à partir de l'offre Pro.

L’import de fichiers .xd est disponible à partir de l’offre Pro (Pro, Agency et Studio). Vous importez le fichier lui-même : aucune étape d’export n’est nécessaire.

Comptes Free et Starter

Quand vous choisissez un fichier .xd, Tapeto le refuse 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.

Tous les plans de travail (artboards) du fichier sont lus et deviennent des sections consécutives d’une seule page convertie. Pour un site de plusieurs pages, utilisez un fichier par page ou une autre source.

Avant de commencer

  • Un compte Pro, Agency ou Studio.
  • Le fichier .xd, de 5–200 Mo (selon l’offre) maximum.
  • Votre WordPress, si vous allez publier : voir le guide ZIP / HTML.

Étape 1 — Préparer le design dans Adobe XD

  1. Placez la page sur des plans de travail en largeur bureau, dans l’ordre où vous voulez qu’ils apparaissent (de haut en bas).
  2. Nommez vos plans de travail et calques selon leur rôle — Header, Hero, Footer, Card.
  3. Utilisez de vrais objets texte et des polices disponibles sur Google Fonts.
  4. Gardez les images et les SVG dans le fichier : ils voyagent dans le paquet .xd et sont détectés comme ressources.
  5. Supprimez les plans de travail que vous ne voulez pas convertir.

Étape 2 — Créer le projet

  1. Dans Tapeto, cliquez sur Nouveau projet et saisissez un nom.
  2. Restez sur l’onglet Fichier (le même que pour ZIP / HTML).
  3. Déposez le fichier .xd dans la zone. Tapeto le reconnaît à son extension.
  4. Cliquez sur Créer le projet et attendez que le statut soit « traité ».

Si le fichier ne peut pas être ouvert comme un paquet XD, le projet se termine en « erreur » avec la raison.

Étape 3 — 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.
  3. Contrôlez les images et remplacez celles qui manquent depuis la Médiathèque après l’import.

Étape 4 — Amener le résultat dans WordPress

  1. Télécharger les fichiers ou Copier depuis l’onglet Contenu et importer à la main — l’onglet Instructions indique les étapes pour votre builder.
  2. Ou Exporter en WXR et l’importer depuis Outils → Importer → WordPress (sans plugin).
  3. Ou Publier sur WordPress : avec le plugin installé 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. Voir le guide ZIP / HTML pour la procédure complète.
  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.