Cum se utilizează Avocode pentru a inspecta fișierele Photoshop și schițe

În tutorialul de astăzi vă prezint Avocode, dezvoltat de "unsprezece bărbați curajoși și o femeie curajoasă" de la Source și recent lansat sub forma versiunii 1.0. Avocode este o aplicație care vă permite să lucrați cu fișiere .psd și .sketch, care se deplasează de la design la cod, fără a deschide chiar Photoshop sau Sketch.

Am acoperi Avocode cu câteva luni în urmă, dar în acel moment era încă în beta și de atunci a suferit revizii grave. Acest tutorial vă va arăta cum să lucrați cu aplicația desktop Avocode și să introduceți noile caracteristici. 

Partea 1. Noțiuni de bază

În această parte a tutorialului voi demonstra cum să obțineți configurarea cu Avocode, să creați proiecte, să încărcați fișiere Photoshop și Sketch, apoi să lucrați cu acele fișiere din aplicația desktop Avocode.

Partea 2. Codul de export

În acest videoclip vă vom arăta cum să generați CSS (împreună cu Sass și Compass) direct din fișierele Photoshop și Sketch. Vom analiza, de asemenea, câteva comenzi rapide și o mulțime de alte funcții utile. Să începem!

Resurse utile

  • avocode.com
  • @avocode pe Twitter
  • Avocode Povestiri pe Mediu