Come utilizzare Avocode per ispezionare i file Photoshop e Sketch

Nel tutorial di oggi vi presenterò Avocode, sviluppato dagli "undici coraggiosi e una coraggiosa donna" di Source e recentemente rilasciato sotto forma di versione 1.0. Avocode è un'applicazione che ti permette di lavorare con i file .psd e .sketch, passando dalla progettazione al codice, senza nemmeno aprire Photoshop o Sketch.

Abbiamo coperto Avocode alcuni mesi fa, ma a quei tempi era ancora in beta e da allora ha subito alcune revisioni di funzionalità. Questo tutorial ti mostrerà come lavorare con l'applicazione desktop Avocode e introdurre le nuove funzionalità. 

Parte 1. Guida introduttiva

In questa parte del tutorial dimostrerò come ottenere l'installazione con Avocode, creare progetti, caricare file Photoshop e Sketch, quindi lavorare con quei file nell'applicazione desktop Avocode.

Parte 2. Codice di esportazione

In questo video ti mostrerò come generare CSS (insieme a Sass e Compass) direttamente dai tuoi file Photoshop e Sketch. Vedremo anche alcune scorciatoie e una tonnellata di altre utili funzionalità. Iniziamo!

Risorse utili

  • avocode.com
  • @avocode su Twitter
  • Avocode Stories on Medium