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

передачи ваших файлов .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.

 

Похожие записи

Каллиграфия и леттеринг для начинающих

Изучение каллиграфии – непростой процесс, но с правильными методическими материалами это может занять меньше времени, чем вы думаете.

Zeplin.io – способ подружить дизайнера и верстальщика

Zeplin – это новый и очень перспективный сервис, цель которого подружить и ускорить взаимодействие дизайнеров и других разработчиков. На данный момент сервис вышел с бета тестирования и уже его испытать в действии. Поддержка Sketch уже есть из коробки, а Photoshop появится немного позже.

Руководство дизайнера по DPI и PPI

Этот лонг-рид создан для продвинутых дизайнеров, которые хотят узнать больше о кросс DPI и кросс-платформенном дизайне с самых азов. Никакой сложной математики и нечитаемых графиков, только простые объяснения, разбитые на короткие разделы для лучшего понимания и быстрого применения в вашем дизайн-процессе.