Share
Je passe souvent mon temps libre à surfer sur le net, à la recherche de ressources utiles et d'articles sur Sketch - tout ce qui pourrait améliorer mon flux de travail de conception et m'inspirer pour écrire mes propres articles. Les sujets de discussion que je rencontre régulièrement sont: «Mais Sketch n’est réservé qu’aux utilisateurs de Mac. Que puis-je faire si j’ai une machine Windows?» Ou «Les gars, quelles sont les meilleures pratiques pour un bon flux de travail d’équipe avec Sketch?
Permettez-moi de partager avec vous quelques idées, liens et ressources qui vous aideront à résoudre ces questions. La collaboration mérite un examen approfondi si vous songez à introduire Sketch dans le flux de travail de votre équipe ou si vous devez partager vos conceptions avec les développeurs..
Celui-ci est facile, tant que chaque personne impliquée dans le projet possède un Mac: partagez votre .esquisser fichiers avec eux! Assurez-vous également de mettre à disposition tous les éléments nécessaires, tels que des polices non standard ou toute documentation expliquant la conception..
Photoshop est fourni avec les bibliothèques Adobe et les objets intelligents liés afin de maintenir des composants à jour sur plusieurs documents et auteurs, et cela fonctionne vraiment bien. Malheureusement, Sketch ne propose pas pour le moment de fonctionnalités telles que les «styles partagés» entre différents fichiers, voire une bibliothèque de symboles externe. C’est donc très utile si vous passez un peu de temps à créer un guide de style afin de préserver la cohérence du site ou de l’application que vous souhaitez concevoir. Prenez en compte des éléments tels que l’inventaire de styles, la mesure d’esquisse ou le bloc-notes Sketch pour partager tous les détails de l’actif. Vos coéquipiers vous remercieront!
Un exemple courant de workflow de partage traditionnel est le scénario que j'ai vu sur SketchTalk.io:
«Nous conservons actuellement un document maître centralisé sur notre serveur, et nous le copions chacun pour fonctionner localement. Une fois que les versions locales sont suffisamment complètes, copiez / collez les planches d’art dans le document maître. - JohnnyMuir
Vous travaillez peut-être à distance pour que le partage local ne soit pas une option. Essayez plutôt une solution de courrier électronique, FTP ou cloud pour partager vos fichiers Sketch. N'utilisez les pièces jointes que si vous envoyez des modèles complets qui ne nécessitent pas plusieurs modifications. Pensez à partager vos fichiers en utilisant des services tels que Google Drive, Dropbox ou même Github. ceux-ci vous donneront accès à la gestion des versions de vos documents.
Allons un peu plus loin dans notre partage de flux de travail traditionnel, en utilisant à nouveau des services de stockage en nuage, mais modèles partagés. Nous savons déjà que les symboles et les modèles sont excellents (voir notre didacticiel Utilisation des symboles et des modèles d'esquisse). Nous allons maintenant examiner cette idée de Jean Paul Bondy sur SkethTalk.io:
«J'utilise Symlink et Dropbox pour partager les modèles Sketch, contrairement à chaque personne qui les possède localement. - JeanPaulBondy
Bien joué! Par défaut, Sketch cherche dans le dossier des modèles sur notre disque dur local, mais en utilisant un lien symbolique (un lien «souple»), il peut nous rediriger vers un dossier Dropbox dans lequel nous mettons ensuite les fichiers de modèle. Brillant! En savoir plus sur les liens symboliques sur Wikipedia.
En faisant cela, nous n’avons pas besoin d’envoyer des modèles par courrier électronique à tous les autres concepteurs, puis de nouveau avec des mises à jour de modèles. Lorsqu'un concepteur crée un nouveau document à partir d'un modèle, Sketch cherche dans le répertoire du modèle mais notre lien symbolique pointe vers le dossier Dropbox et charge la dernière version mise à jour..
Pour créer un lien symbolique, ouvrez Terminal. Nous allons utiliser dans commande plus le modificateur -s La commande "ln" est utilisée pour créer des liens durs. “Ln -s” crée des liens symboliques.
Prenons un exemple: disons que vous souhaitez synchroniser un seul fichier .sketch situé dans votre dossier public Dropbox, appelé «mots». Tout d'abord aller à Sketch et vérifier la Dossier des plugins Reveal option sous Plugins pour être sûr de l'emplacement du répertoire de votre modèle. Vous devriez voir un dossier “Modèles” déjà créé. Créez-le maintenant si vous ne le voyez pas.
L'emplacement entier devrait ressembler à quelque chose comme /Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application Support / com.bohemiancoding.sketch3 / Modèles /ou/ Bibliothèque / Application Support / com.bohemiancoding.sketch3 / Modèles.
Maintenant que nous connaissons le nom et l'emplacement de notre fichier d'esquisse et où se trouve le dossier des modèles locaux, revenons à la fenêtre du terminal. Le code que vous devez taper devrait être:
ln -s "/ Users / VOTRE NOM DE COMPTE DROPBOX / Dropbox / Public / words.sketch" "$ HOME / Bibliothèque / Containers / com.bohemiancoding.sketch3 / Data / Bibliothèque / Application Support / com.bohemiancoding.sketch3 / Templates / "
Frappé Entrer. Lorsque vous revenez à Sketch, vous devriez voir une nouvelle option sous le Nouveau à partir du modèle option dans le menu principal.
Alternativement, vous pouvez vérifier d'autres outils comme Droplink ou MacDropAny pour synchroniser n'importe quel fichier ou dossier sur votre Mac avec Dropbox..
Remarque: malheureusement, lorsque vous mettez à jour un modèle contenant des symboles, les fichiers déjà créés avec ces symboles ne seront pas mis à jour automatiquement. Attendons une solution des développeurs de Bohemian Coding dans les prochaines versions de Sketch!
L'utilisation de services de stockage en nuage tels que Dropbox nous aide également à utiliser d'autres outils comme Invision et Marvel, qui offrent l'intégration Sketch. Consultez nos didacticiels Invision et notre introduction à l'utilisation de Marvel pour en savoir plus..
Vous aurez compris maintenant qu'il est seulement possible de conception en utilisant Sketch si vous travaillez sur la plate-forme Mac. Cependant, si votre conception est prête à l'emploi et que vous devez l'envoyer à un développeur qui a la tâche de créer la mise en page, il doit également disposer d'un moyen d'accéder au contenu de vos fichiers de conception..
Vous pouvez préparer tous les actifs vous-même ou utiliser un flux de travail différent en introduisant Avocode dans votre équipe de développement..
À l'aide d'Avocode, vous pouvez télécharger vos fichiers d'esquisse et les partager avec d'autres personnes. Grâce à l'application Avocode, ils verront tout le contenu, même s'ils utilisent Windows ou Linux.!
Vous aurez besoin du plug-in Avocode Sketch (Sketch 3.2+ requis) pour télécharger vos fichiers de conception Sketch dans l'application, puis partager le projet avec le reste de l'équipe..
Consultez notre didacticiel détaillé sur l'inspection de fichiers à l'aide d'Avocode pour en savoir plus..
Vous pouvez également consulter Zeplin, un autre service intéressant pour inspecter les fichiers Sketch, même sans accès à un Mac..
Les deux services offrent des forfaits, des prix et des fonctionnalités différents, alors essayez les deux!
Ces méthodes sont les meilleurs processus que j'ai découverts à ce jour en ce qui concerne le travail avec d'autres personnes utilisant Sketch. Cela dit, je pense qu'il est possible d'améliorer ces flux de travail, peut-être avec la publication de nouvelles fonctionnalités dans les futures versions de Sketch. Le processus idéal serait celui où nous pourrions créer des styles, des symboles et des modèles en parfaite synchronisation entre différents fichiers, non? Doigts croisés.
Avez-vous trouvé ces idées intéressantes? Avez-vous des améliorations à ajouter? Comment travaillez-vous avec votre équipe? Je suis curieux. Parlons dans les commentaires!
Accentsconagua