InVision a mis à jour récemment son fameux plugin Craft et continue d’améliorer ses fonctionnalités pour le bien des UX designers. En effet, si vous n’avez pas encore téléchargé ce plugin gratuit pour l’utiliser sur Sketch ou Photoshop, vous manquez un gain de temps et de productivité énorme.
Grâce à ce plugin, InVision a fait de Sketch un concurrent fort pour Adobe qui veut s’imposer sur le marché avec son petit dernier. Adobe XD où à l’origine le “Projet Comet” se différenciait principalement par l’ajout de plusieurs fonctionnalités qui sont encore inexistantes sur Sketch. En effet on peut reprocher à Sketch d’être trop statique et de ne pas considérer suffisamment les besoins des designers qui conçoivent des wireframes/ maquettes d’interfaces. Mais pas de problème pour eux, InVision est là pour couvrir leurs arrières. A noter quand même que Craft fonctionne aussi sur Photoshop mais avec moins de fonctionnalités que sur Sketch.
Introduction
Craft se présente sous la forme d’une barre d’outils qui vient s’ajouter à la barre de droite ‘Inspector’ de Sketch ou celle des paramètres de Photoshop.
Vous pourrez ainsi dupliquer facilement vos éléments et regrouper certains patterns ou encore ajouter de la vraie Data dans vos conception, créer une galerie de composants et synchroniser le tout avec le logiciel InVision. Evidemment tout l’écosystème Sketch + InVision repose sur la facilité de lier les deux outils. Craft le fait très bien avec ses différentes fonctionnalités et le plugin va même encore plus loin avec une récente MAJ qui permet de collaborer à plusieurs sur des designs natifs de Sketch.
Collaboration
C’est la nouveauté du plugin et elle introduit Sketch vers un nouveau marché, celui de la collaboration des équipes et donc des échanges entre les designers et le reste de l’équipe. Vous pourrez ainsi “exporter” vos écrans sur un tableau blanc en ligne où vos collaborateurs pourront s’ajouter sans nécessité de télécharger ou maitriser Sketch. Les personnes présentes sur le fichier pourront ajouter des notes, des dessins, des flèches ou des croquis pour rapidement faire leurs remarques. Le designer pourra ensuite récupérer ces feedbacks et retourner sur Sketch pour modifier ses écrans. Le lien partagé pourra être synchronisé directement depuis Sketch pour faire apparaître les modifications des écrans sans avoir à changer de lien
Ce gif montre bien le potentiel de la nouvelle fonctionnalité de Craft pour faciliter l’implication des autres parties prenantes dans la prise de décisions graphiques.
Synchronisation
Craft c’est le bon moyen pour greffer InVision à Sketch, ainsi grâce à cette fonctionnalité, vous aurez entièrement la main sur la synchronisation des écrans. Vous pourrez ainsi synchroniser instantanément la totalité de vos écrans ou seulement une partie. La synchronisation fonctionne aussi avec l’outil Inspect, qui permet de récupérer les données CSS sous forme de code.
Librairie
La librairie est la partie du plugin qui correspond à la valeur de “gain de temps”, en effet grâce à cette librairie virtuelle, vous pourrez ajouter librement des composants que vous venez de créer. Comme le principe de symboles, vous pourrez retrouver votre librairie sur toutes vos pages et synchroniser ou non les modifications. Vous pourrez aussi y stocker vos icons préférés et tout le CSS de vos interfaces.
Evidemment vous pourrez aussi lier votre librairie à vos différents cloud (Drive, Dropbox,etc..). Cela facilite largement le travail à plusieurs sur le même projet et aussi la réutilisation de ses propres créations. On évite ainsi les tâches redondantes qui consistent à faire des patterns qu’on fait à chaque fois.
Merci Craft !
Découvrir Craft
No Comments