Samenwerken met je team met Sketch

Ik besteed vaak mijn vrije tijd aan het surfen op het net, op zoek naar nuttige bronnen en artikelen over Sketch - alles dat mijn ontwerpworkflow zou kunnen verbeteren en die mij zou inspireren om mijn eigen artikelen te schrijven. Twee gespreksonderwerpen die ik regelmatig ontmoet, gaan in de trant van: "Maar Sketch is alleen voor Mac-gebruikers, wat kan ik doen als ik een Windows-machine heb?" Of "Jongens, wat zijn de best practices voor een goede teamwerkworkflow met Sketch?"

Ik zal enkele ideeën, koppelingen en bronnen met u delen die zullen helpen met deze vragen. Samenwerking verdient een diepgaande kijk als je overweegt Sketch in je teamworkflow te introduceren, of je moet je ontwerpen met ontwikkelaars delen.

1. Een "traditionele" werkstroom voor delen

Deze is eenvoudig, zolang elke persoon die bij het project is betrokken een Mac heeft: deel jouw .schetsen bestanden met hen! Zorg er ook voor dat u alle benodigde middelen beschikbaar stelt, zoals niet-standaard lettertypen of documentatie die het ontwerp verklaart.

Photoshop wordt geleverd met Adobe-bibliotheken en gekoppelde slimme objecten om up-to-date componenten bij meerdere documenten en auteurs bij te houden, en het werkt erg goed. Helaas zijn functies zoals 'gedeelde stijlen' voor verschillende bestanden of zelfs een externe symboolbibliotheek, iets dat Sketch op dit moment niet biedt. Het is daarom erg handig als u enige tijd besteedt aan het maken van een stijlgids om consistentie te behouden voor de site of app die u wilt ontwerpen. Overweeg dingen zoals stijlinventaris, schetsmaat of schetsnotitieboekje om alle activadetails te delen. Je teamgenoten zullen je bedanken!

Een bekend voorbeeld van een traditionele workflow voor delen is dit scenario dat ik heb gezien op SketchTalk.io:

"We houden momenteel een gecentraliseerd hoofddocument op onze server en we kopiëren elk document om lokaal te werken. Nadat lokale versies de status Volledig genoeg hebben bereikt, kopiëren en plakken we de tekengebieden weer in het hoofddocument. - JohnnyMuir

Misschien werk je op afstand, zodat lokaal delen geen optie is. Probeer e-mail, FTP of een cloud-oplossing om uw Sketch-bestanden te delen. Gebruik e-mailbijlagen alleen als u complete ontwerpen verzendt die onderweg niet meerdere wijzigingen nodig hebben. Overweeg om uw bestanden te delen met behulp van services zoals Google Drive, Dropbox of zelfs Github; deze geven u toegang tot versiebeheer van uw documenten.

2. Gebruik van Symlinks en Cloud Sharing

Laten we een stap verder gaan in onze traditionele workflowsharing, wederom met behulp van cloudopslagservices, maar deze keer gebruik maken van gedeelde sjablonen. We weten al dat symbolen en sjablonen geweldig zijn (zie de handleiding Schetssymbolen en sjablonen gebruiken). Nu gaan we dit idee van Jean Paul Bondy bekijken op SkethTalk.io:

"Ik gebruik Symlink en Dropbox om Sketch-sjablonen te delen, in plaats van dat elke persoon ze lokaal heeft. - JeanPaulBondy

Goed gespeeld! Standaard kijkt Sketch in de map templates op onze lokale harde schijf, maar met behulp van een symlink (een "zachte" link), kan het ons omleiden naar een Dropbox-map waar we vervolgens de sjabloonbestanden plaatsen. Briljant! Meer informatie over symlinks op Wikipedia.

Door dit te doen, hoeven we geen sjablonen te e-mailen naar alle andere ontwerpers en vervolgens opnieuw e-mailen met updates voor sjablonen. Wanneer een ontwerper een nieuw document maakt op basis van een sjabloon, zoekt Sketch in de sjabloonmap, maar onze symlink wijst naar de Dropbox-map en laadt de laatste bijgewerkte versie.

Hoe een Symlink in te stellen

Als u een symlink wilt maken, opent u Terminal. We gaan gebruiken ln commando plus de modifier -s De opdracht "ln" wordt gebruikt om harde koppelingen te maken. "Ln -s" maakt symbolische koppelingen.

Stap 1

Laten we een voorbeeld instellen: stel dat u één. Sketch-bestand wilt synchroniseren dat zich in de openbare map van uw Dropbox bevindt en 'woorden' wordt genoemd. Ga eerst naar Sketch en controleer de Onthul Plugins-map optie onder plugins om zeker te zijn van de locatie van de map van uw sjabloon. U zou een map "Sjablonen" al moeten zien verschijnen. Maak het nu als u het niet ziet.

De hele locatie moet er ongeveer zo uitzien  /Library/Containers/com.bohemiancoding.sketch3/Data/Library/ Ondersteuning Ondersteuning / com.bohemiancoding.sketch3 / Sjablonen /of/ Bibliotheek / Application Support / com.bohemiancoding.sketch3 / Templates. 

Stap 2

Nu we de naam en locatie van ons schetsbestand kennen en de map met de lokale sjablonen is, ga dan terug naar het terminalvenster. De code die u moet typen, moet zijn:

ln -s "/ Users / YOUR DROPBOX GEBRUIKERSACCOUNTNAAM / Dropbox / Public / words.sketch" "$ HOME / Bibliotheek / Containers / com.bohemiancoding.sketch3 / Data / Bibliotheek / Application Support / com.bohemiancoding.sketch3 / Sjablonen / "

Raken invoeren. Wanneer u weer terugkeert naar Sketch, ziet u een nieuwe optie onder de Nieuw van sjabloon optie in het hoofdmenu.

Je kunt ook andere tools zoals Droplink of MacDropAny bekijken om elk bestand of elke map op je Mac met Dropbox te synchroniseren.

Notitie: helaas, wanneer u een sjabloon met symbolen bijwerkt, worden de bestanden die al met die symbolen zijn gemaakt niet automatisch bijgewerkt. Laten we wachten op een oplossing van de Bohemian Coding-jongens in toekomstige releases van Sketch!

Het gebruik van cloudopslagservices zoals Dropbox helpt ons ook te werken met andere tools zoals Invision en Marvel, die Sketch-integratie bieden. Bekijk onze Invision-handleidingen en onze inleiding tot het gebruik van Marvel voor meer informatie.

3. Schetsbestanden delen met Windows-gebruikers

Je zult nu verzameld zijn dat het alleen mogelijk is om ontwerp Sketch gebruiken als je op het Mac-platform werkt. Als uw ontwerp echter klaar is om te gebruiken en u het naar een ontwikkelaar moet sturen die de taak heeft om de lay-out te bouwen, hebben ze ook een manier nodig om toegang te krijgen tot de inhoud van uw ontwerpbestanden.. 

U kunt alle assets zelf voorbereiden of een andere workflow gebruiken door Avocode aan uw dev-team te introduceren.

Met behulp van Avocode kunt u uw schetsbestanden uploaden en met andere mensen delen, en vervolgens met behulp van de Avocode-app, zullen ze alle inhoud zien, zelfs als ze Windows of Linux gebruiken!

U hebt de Avocode Sketch-plug-in nodig (Sketch 3.2+ needed) om uw Sketch-ontwerpbestanden in de app te uploaden en deel het project vervolgens met de rest van het team.

Bekijk onze diepgaande zelfstudie over het inspecteren van bestanden met Avocode voor meer informatie.

Of kijk eens naar Zeplin, een andere interessante dienst voor het inspecteren van Sketch-bestanden, zelfs zonder toegang tot een Mac.

Beide services bieden verschillende plannen, prijzen en functies, dus probeer beide!

Ruimte voor verbetering

Deze methoden zijn de beste processen die ik tot nu toe heb ontdekt met betrekking tot het werken met andere mensen die Sketch gebruiken. Dat gezegd hebbende, denk ik dat er ruimte is om deze workflows te verbeteren, misschien met de introductie van nieuwe functies in toekomstige versies van Sketch. Het ideale proces zou een proces zijn waarbij we stijlen, symbolen en sjablonen zouden kunnen maken in perfecte synchronisatie tussen verschillende bestanden, toch? Duimen.

Heb je deze ideeën interessant gevonden? Heb je nog verbeteringen om toe te voegen? Hoe werk je met je team? Ik ben nieuwsgierig. Laten we praten in de reacties!