Exporter les CSS d’un fichier Photoshop, gratuitement, rapidement et légalement

Exporter les CSS d’un fichier Photoshop, gratuitement, rapidement et légalement, A Unix Mind In A Windows World

Aujourd’hui je partage une petite astuce qui m’a permis de passer d’Adobe Photoshop et, accessoirement, gagner du temps lors du processus d’intégration web.

  • Ouvrez les fichiers psd à convertir en html dans Adobe XD, un programme gratuit d’Adobe, disponible au téléchargement ici;
  • Enregistrez les sous un format compatible avec Adobe XD;
  • Installez ensuite Zeplin;
  • Redémarrez Adobe XD ;
  • Allez dans le menu « fichier », sélectionner la commande « exporter » et choisissez zeplin

  • Patientez, le temps que l’export s’achève
  • Récupérez ensuite le code css correspondant aux éléments de votre composition
Jean Luc Houedanou

Une réponse

  1. […] La conversion d’Affinity Designer au Html a été rendue possible grâce à Adobe XD. Dans un premier temps, la maquette conçue sous Affinity Designer a été exportée en tant que .psd (avec l’option preserve readibility activée). Une fois le fichier ouvert dans Adobe XD, ce dernier a ensuite été exporté vers Zeplin, en suivant la démarche expliquée ici. […]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.