Avocode для передачи ваших файлов .psd и .sketch разработчику

Сегодня я познакомлю вас с Avocode, разработанный «одиннадцатью храбрыми мужчинами и одной храброй женщиной» из Source и недавно представлен в версии 1.0. Avocode – это приложение, позволяющее вам работать с файлами .psd и .sketch, перейти от дизайна к коду, даже не открывая Photoshop или Sketch. Программа будет полезна для разработчиков мобильных приложений или верстальщикам. Приложение позволяет загружать исходники с фотошопа и скетча, а также можно узнать размеры блоков, отступы, шрифты, стили и многое. Верстальщики смогут копировать html код с исходников и вставлять прямо в верстку. Подойдет для разработчиков которые не имеют установленного софта Photoshop или Sketch, с исходниками можно работать через веб интерфейс или с помощью десктоп приложения. В этом посте вы увидите, как нужно работать с десктопным приложением Avocode, и ознакомитесь с его новыми возможностями.

Часть 1. Начало работы

В этой части урока продемонстрировано, как настроить Avocode, создать проекты, загрузить файлы Photoshop и Sketch, а затем работать с этими файлами в приложении.

Часть 2. Экспорт кода

В этом видео показано, как генерировать CSS (вместе с Sass и Compass) прямо из файлов Photoshop и Sketch. Также вы познакомитесь с горячими клавишами и массой других полезных возможностей. Начнем! Перевод статьи webdesign.tutsplus.com автора Adi Purdila.