Comment utiliser Avocode pour inspecter vos fichiers Photoshop et Sketch

Dans le tutoriel d'aujourd'hui, je vais vous présenter Avocode, développé par «onze hommes courageux et une femme courageuse» de Source et récemment publié sous la forme de la version 1.0. Avocode est une application qui permet de travailler avec des fichiers .psd et .sketch, en passant de la conception au code, sans même ouvrir Photoshop ou Sketch..

Nous avions couvert Avocode il y a quelques mois, mais à l'époque, il était encore en version bêta et a depuis subi de sérieuses révisions de ses fonctionnalités. Ce tutoriel vous montrera comment utiliser l'application de bureau Avocode et présentera les nouvelles fonctionnalités.. 

Partie 1. Mise en route

Dans cette partie du didacticiel, je vais vous montrer comment configurer Azocode, créer des projets, télécharger des fichiers Photoshop et Sketch, puis utiliser ces fichiers dans l'application de bureau Avocode.

Partie 2. Code d'exportation

Dans cette vidéo, je vais vous montrer comment générer du CSS (avec Sass et Compass) directement à partir de vos fichiers Photoshop et Sketch. Nous examinerons également quelques raccourcis et une tonne d’autres fonctionnalités utiles. Commençons!

Ressources utiles

  • avocode.com
  • @avocode sur Twitter
  • Histoires Avocode sur Medium