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

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

  • Patientez, le temps que l’export s’achève
Exporter les CSS d’un fichier Photoshop, gratuitement, rapidement et légalement, A Unix Mind In A Windows World
  • Récupérez ensuite le code css correspondant aux éléments de votre composition
Exporter les CSS d’un fichier Photoshop, gratuitement, rapidement et légalement, A Unix Mind In A Windows World
Jean Luc Houedanou