Comment ajouter des photos Unsplash directement depuis Sketch

Si il vous arrive d’utiliser des images provenant du site de photos libres de droit Unsplash, vous savez que cela prend du temps que ce soit pour choisir les images appropriées mais aussi pour les télécharger et les importer dans Sketch.

Le plugin Sketch Unsplasher propose de simplifier tout ça en vous permettant sans quitter Sketch de remplir des formes et des symboles directement avec des images du site.

Je vous préviens tout de suite, ce plugin ne vous conviendra pas si vous voulez choisir une photo bien précise de leur catalogue.

En effet, le plugin ce plugin fonctionne à la manière d’un « Lorem ipsum » pour du texte sauf qu’ici ce sont vos forme qui sont remplies par des photos aléatoires. Vous ne pourrez donc pas choisir précisément la photo qui s’affiche.

Pour l’utiliser il suffit de sélectionner une forme puis d’aller dans le menu « Plugins » > « Unsplasher ».

Vous pouvez ensuite sélectionner l’une des trois options proposées:

• « Fill with Random Images » (Remplir avec des images aléatoires)
• « Fill Based on a Search Term » (Remplir avec un terme de recherche)
• « Fill from a Collection » (Remplir depuis une Collection).

« Fill with Random Images » est très simple à utiliser et rempli votre forme avec une image au hasard. Après avoir testé avec plusieurs formes il semble que le plugin soit intelligent et adapte la photo à votre forme qui la reçoit. Ainsi si vous dessinez une forme au format paysage, l’image sélectionnée sera au format paysage et idem pour une forme au format portrait.

« Fill Based on a Search Term » est pratique puisqu’il vous permet de chercher des images correspondant à un mot clé (en anglais). Idéal donc si vous désirez des images sur un thème bien précis ou pour remplir aléatoirement des photos de profil en recherchant des termes comme « woman » ou « man ».

« Fill from a Collection » permet quand à lui de n’afficher que des images d’une collection bien précise. Pour rechercher dans une collection il suffit de rentrer l’identifiant d’une collection qui se trouve dans l’url de la collection. À titre d’exemple si vous rentrez le « 221 » dans le champ de recherche votre forme sera remplie avec les images de cette collection.

Comme je l’ai dit plus haut, Sketch Unsplasher est aux photos ce que « Lorem Ipsum » est au texte et ses fonctionnalités pourront vous sembler limitées. Cependant si voulez rapidement remplir des zones comportant des images ce plugin vous fera gagner énormement du temps.