Avocode affiche et exporte les fichiers Photoshop et Sketch dans le navigateur

Nicolas Furno |

Avocode est un nouveau service conçu pour simplifier la transition d’un design à l’interface web. Il a deux fonctions : stocker et synchroniser des documents créés avec Photoshop ou Sketch d’une part, les afficher n’importe où et en extraire du code à utiliser pour un site web d’autre part. L’idée étant de faciliter le travail des développeurs qui intègrent un design pour en faire le site final : le designer envoie son travail et le développeur le récupère avec le service pour l’exploiter.

Concrètement, Avocode prend la forme d’un module à installer dans Sketch ou Photoshop selon le choix du designer. Ce module envoie chaque copie du document sur les serveurs mis en place par le service qui fait ainsi office d’outil de versionnement. À terme, on pourra simplement utiliser Dropbox, mais en attendant, on peut aussi glisser et déposer un fichier dans l’interface web ou dans le client multiplateforme également proposé par l’entreprise.

Une fois en ligne, ces fichiers peuvent être consultés dans une interface qui fonctionne sur n’importe quel ordinateur. L’avantage déjà, c’est qu’il n’est pas nécessaire d’installer le logiciel qui a servi à créer le fichier original ; il n’y a même rien à installer, puisque l’on peut accéder à Avocode depuis un navigateur. Mais le service ne s’arrête pas là, puisqu’il sert aussi à passer du design au site.

L’intégrateur web peut consulter le design et surtout exporter tous ses éléments. Avocode offre un accès aux calques et il permet ainsi d’exporter une ou plusieurs couches, soit en image, soit en SVG pour les formes vectorielles. Mieux, on peut copier le code CSS qui correspond à du texte ou à n’importe quelle forme. Pour faciliter le développement, on peut également utiliser un langage comme le Sass et associer une variable à une couleur. Enfin, si vous utilisez Atom — l’éditeur de code de Github —, un module permettra d’intégrer directement le service et ainsi d’avoir le code en parallèle du design.

Cliquer pour agrandir

Avocode est un service payant, facturé 20 $ par mois (à condition de payer pour un an). Pour ce prix, un seul développeur peut accéder aux fichiers : les entreprises devront payer un des abonnements dédiés, à partir de 90 $ par mois. Précisons enfin qu’une formule gratuite permet de mettre en ligne ses fichiers et de les afficher dans un navigateur, mais sans les fonctions d’export. Cet abonnement est parfait pour les designers qui peuvent créer les interfaces et les envoyer aux développeurs.

CONNEXION UTILISATEUR