Come collaborare con il tuo team usando Sketch

Trascorro spesso il mio tempo libero navigando in rete, alla ricerca di risorse e articoli utili su Sketch: tutto ciò che può contribuire a migliorare il mio flusso di lavoro di progettazione e mi spinge a scrivere i miei articoli. Due argomenti di discussione che incontro regolarmente sono simili a "Ma Sketch è solo per utenti Mac, cosa posso fare se ho una macchina Windows?" O "Ragazzi, quali sono le migliori pratiche disponibili per un buon flusso di lavoro di squadra con Sketch?"

Permettetemi di condividere con voi alcune idee, link e risorse che aiuteranno con queste domande. La collaborazione merita uno sguardo approfondito se stai pensando di introdurre Sketch nel tuo flusso di lavoro del team, o devi condividere i tuoi progetti con gli sviluppatori.

1. Un flusso di lavoro di condivisione "tradizionale"

Questo è facile, purché ogni persona coinvolta nel progetto abbia un Mac: condividi il tuo .schizzo file con loro! Assicuratevi, inoltre, di rendere disponibili tutte le risorse necessarie, come font non standard o qualsiasi documentazione che spieghi il design.

Photoshop viene fornito con le librerie di Adobe e gli oggetti intelligenti collegati per mantenere i componenti aggiornati su più documenti e autori e funziona davvero bene. Sfortunatamente, funzionalità come "stili condivisi" tra diversi file o anche una libreria di simboli esterna, sono qualcosa che Sketch non offre al momento. È quindi molto utile se passi un po 'di tempo a creare una guida di stile per mantenere la coerenza tra il sito o l'app che desideri progettare. Prendi in considerazione cose come Inventario di stile, Misura di schizzo o Blocco note di schizzo per condividere tutti i dettagli delle risorse. I tuoi compagni di squadra ti ringrazieranno!

Un esempio comune di un flusso di lavoro di condivisione tradizionale è questo scenario che ho visto su SketchTalk.io:

"Al momento disponiamo di un documento master centralizzato sul nostro server e ciascuno di noi lo copia per funzionare localmente. Dopo che le versioni locali hanno raggiunto uno stato abbastanza completo, copia / incolla le tavole da disegno nel documento master. - JohnnyMuir

Forse stai lavorando in remoto, quindi la condivisione locale non è un'opzione. Prova a inviare e-mail, FTP o una soluzione cloud per condividere i tuoi file Sketch. Utilizza gli allegati e-mail solo se invii design completi che non richiedono più modifiche lungo il percorso. Valuta la possibilità di condividere i tuoi file utilizzando servizi come Google Drive, Dropbox o persino Github; questi ti daranno accesso al controllo di versione dei tuoi documenti.

2. Utilizzo di collegamenti simbolici e condivisione del cloud

Facciamo un ulteriore passo avanti nella nostra tradizionale condivisione del flusso di lavoro, ancora utilizzando i servizi di cloud storage, ma questa volta sfruttando modelli condivisi. Sappiamo già che i simboli e i modelli sono fantastici (consulta la nostra guida all'uso dei simboli e dei modelli di schizzo). Ora daremo un'occhiata a questa idea di Jean Paul Bondy presso SkethTalk.io:

"Sto usando Symlink e Dropbox per condividere i modelli di Sketch, a differenza di quelli che li hanno localmente. - JeanPaulBondy

Ben fatto! Per impostazione predefinita, Sketch appare nella cartella dei modelli sul nostro disco rigido locale, ma usando un link simbolico (un collegamento "soft"), può reindirizzare a una cartella Dropbox dove mettiamo i file modello. Brillante! Ulteriori informazioni sui collegamenti simbolici su Wikipedia.

In questo modo, non è necessario inviare i modelli di posta elettronica a tutti gli altri progettisti, quindi inviare di nuovo e-mail con eventuali aggiornamenti ai modelli. Quando un designer crea un nuovo documento da un modello, Sketch guarda nella directory del modello, ma il nostro link simbolico punta alla cartella Dropbox e carica l'ultima versione aggiornata.

Come impostare un collegamento simbolico

Per creare un collegamento simbolico, apri Terminale. Noi useremo ln comando più il modificatore -S Il comando "ln" è usato per creare collegamenti fisici. "Ln -s" crea collegamenti simbolici.

Passo 1

Facciamo un esempio: dì che vuoi sincronizzare un singolo file .sketch che si trova nella cartella pubblica Dropbox chiamata "words". Prima vai su Schizzo e controlla il Rivela la cartella dei plugin opzione sotto plugin per essere sicuro della posizione della directory del modello. Dovresti vedere una cartella "Modelli" già creata. Crealo ora se non lo vedi.

L'intera posizione dovrebbe assomigliare a qualcosa  /Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application Support / com.bohemiancoding.sketch3 / Templates /o/ Libreria / Supporto applicazioni / com.bohemiancoding.sketch3 / Modelli. 

Passo 2

Ora conosciamo il nome e la posizione del nostro file di schizzo e dove si trova la cartella dei modelli locale, torniamo alla finestra del terminale. Il codice che devi digitare dovrebbe essere:

ln -s "/ Utenti / IL TUO NOME ACCOUNT UTENTE DROPBOX / Dropbox / Pubblico / words.sketch" "$ HOME / Libreria / Contenitori / com.bohemiancoding.sketch3 / Dati / Libreria / Supporto applicazioni / com.bohemiancoding.sketch3 / Modelli / "

Colpire accedere. Quando torni di nuovo a Sketch, dovresti vedere una nuova opzione sotto il Nuovo dal modello opzione nel menu principale.

In alternativa, puoi controllare altri strumenti come Droplink o MacDropAny per sincronizzare qualsiasi file o cartella sul tuo Mac con Dropbox.

Nota: sfortunatamente, quando aggiorni un modello contenente simboli, i file che sono già stati creati con quei simboli non verranno aggiornati automaticamente. Aspettiamo una soluzione dai ragazzi di Bohemian Coding nelle prossime versioni di Sketch!

L'utilizzo di servizi di cloud storage come Dropbox ci aiuta anche a lavorare con altri strumenti come Invision e Marvel, che offrono l'integrazione di Sketch. Dai un'occhiata ai nostri tutorial di Invision e alla nostra introduzione all'uso di Marvel per saperne di più.

3. Condivisione di file di schizzo con utenti Windows

A questo punto avrai capito che è possibile solo farlo design usando Sketch se lavori sulla piattaforma Mac. Tuttavia, se il tuo progetto è pronto e devi inviarlo a uno sviluppatore che ha il compito di costruire il layout, hanno anche bisogno di un modo per accedere al contenuto dei tuoi file di progettazione. 

È possibile preparare tutte le risorse da soli o utilizzare un flusso di lavoro diverso introducendo Avocode nel proprio team di sviluppo.

Usando Avocode puoi caricare i tuoi file di schizzo e condividerli con altre persone, quindi usando l'app Avocode, vedranno tutti i contenuti, anche se stanno usando Windows o Linux!

Avrai bisogno del plug-in Avocode Sketch (necessario Schizzo 3.2+) per caricare i tuoi file di disegno Schizzo nell'app, quindi condividere il progetto con il resto del team.

Dai un'occhiata al nostro approfondito tutorial sull'ispezione dei file usando Avocode per saperne di più.

In alternativa, controlla Zeplin, un altro servizio interessante per l'ispezione dei file di Sketch, anche senza accesso a un Mac.

Entrambi i servizi offrono diversi piani, prezzi e caratteristiche, quindi provate entrambi!

Margini di miglioramento

Questi metodi sono i migliori processi che ho scoperto fino ad oggi per quanto riguarda il lavoro con altre persone che usano Sketch. Detto questo, penso che ci sia spazio per migliorare questi flussi di lavoro, magari con il rilascio di nuove funzionalità nelle versioni future di Sketch. Il processo ideale sarebbe quello in cui potremmo creare stili, simboli e modelli in perfetta sincronizzazione tra diversi file, giusto? Dita incrociate.

Hai trovato queste idee interessanti? Avete dei miglioramenti da aggiungere? Come lavori con il tuo team? Sono curioso. Parliamo nei commenti!