Så här använder du Avocode för att inspektera dina Photoshop och skissfiler

I dagens handledning kommer jag att introducera dig till Avocode, som utvecklats av "elva modiga män och en modig kvinna" från Source och nyligen släpptes i form av version 1.0. Avocode är en applikation som låter dig arbeta med .psd och .sketch-filer, flyttar från design till kod, utan att ens öppna Photoshop eller Sketch.

Vi täckte Avocode för några månader sedan, men då var det fortfarande i beta och har sedan genomgått några allvarliga funktionen översyner. Denna handledning visar hur du arbetar med Avocode-skrivbordsapplikationen och introducerar de nya funktionerna. 

Del 1. Komma igång

I den här delen av handledningen demonstrerar jag hur man får inställning med Avocode, skapa projekt, ladda upp Photoshop och Sketch-filer, arbeta sedan med de filerna i Avocode-skrivbordsapplikationen.

Del 2. Exportkod

I den här videon visar jag hur du genererar CSS (tillsammans med Sass och Compass) direkt från dina Photoshop och Sketch-filer. Vi tittar också på några genvägar och massor av andra användbara funktioner. Låt oss börja!

Användbara resurser

  • avocode.com
  • @avocode på Twitter
  • Avokodsberättelser på medium