Slik bruker du Avocode til å inspisere Photoshop og Sketch Files

I dagens veiledning skal jeg introdusere deg til Avocode, utviklet av "elleve modige menn og en modig kvinne" fra Source og nylig utgitt i form av versjon 1.0. Avocode er et program som lar deg arbeide med .psd og .sketch-filer, flytter fra design til kode, uten å åpne Photoshop eller Sketch selv.

Vi dekket Avocode for noen måneder siden, men da var det fortsatt i beta og har siden gjennomgått noen seriøse funksjonen overhaling. Denne opplæringen vil vise deg hvordan du arbeider med Avocode-skrivebordsprogrammet og introdusere de nye funksjonene. 

Del 1. Komme i gang

I denne delen av opplæringen demonstrerer jeg hvordan du får oppsett med Avocode, opprett prosjekter, laster opp Photoshop og Sketch-filer, og jobber med disse filene i Avocode-skrivebordsprogrammet.

Del 2. Eksporterende kode

I denne videoen viser jeg deg hvordan du genererer CSS (sammen med Sass og Compass) direkte fra Photoshop og Sketch-filer. Vi vil også se på noen snarveier og massevis av andre nyttige funksjoner. La oss komme i gang!

Nyttige ressurser

  • avocode.com
  • @avocode på Twitter
  • Avokodehistorier på medium