Avocode обзор

Вступление

Я использовал программу Avocode для верстки. В последующем был вынужден от нее отказаться.

Это мой обзор/отзыв о данной программе.

Плюсы

Начнем с плюсов. Напишу про стоимость подписки; про быстрый старт верстки, про преимущества для CSS препроцессоров, и о других плюсах программы.

Стоимость

Avocode стоимость подписки

На момент написания статьи, тарифный план GARAGE(который я использовал) стоил 8.99$ в месяц, при помесячной оплате.

Если сравнить с подпиской на Photoshop, которая у меня отнимает 12.7$ в месяц, получается значительно выгоднее.

Когда и использовал Avocode, я не пользовался Photoshop.

Функционал

Avocode CSS стили

Конечно есть опция быстрого копирования CSS стилей, но в 2017 этим полагаю никого не удивить, да и это считаю основной функцией данной программы.

Отдельно отмечу понравившуюся опцию, которую я назову «Быстрый старт». При клике на одну из иконок навигации, можно просмотреть сразу основную информацию о макете, в которую также входят используемые шрифты, и там же сразу линки на google fonts(если доступно). Это очень хорошая и полезная опция.

Удобный экспорт картинок; удобное копирование текста; показывает градиенты, border-radius.

Разные настройки для CSS препроцессоров, типа создания переменных для цвета(в будущем при копировании стилей, стиль копируется в виде переменной).

Довольно много всего и это работает неплохо.

Вот чем не пользовался почти, хотя выглядит полезной опцией, это показатели расстояния элементов до соседних(см. скриншот), неточно показывает, на глаз примерно также можно определять. Смотрел разве что показатели высоты и ширины самого элемента.

Avocode возможности

Отмечу возможность импорта текста вместе с тегом, порой это было полезно, но чаще простое копирование текста(через двойной клик по нему) + комбо в Emmet казалось быстрее.

Avocode импорт тегов

Минусы

Теперь минусы. Напишу про скорость работы; про beta-версию для браузера; про баг, после которого я отказался от данной программы, и о других недостатках.

Функционал

Avocode чат

Скорость работы для настольной версии оставляет желать лучшего. Я использовал его на компьютере с i3-4170 и 8 ГБ ОЗУ. Скорость работы была не критическим минусом, но все же.

Есть еще версия для браузера, которая работает быстрее, но она в beta версии(и уже давно), и вот мне кажется разработка версии для браузера остановилась, и неизвестно когда выйдет стабильная; ее я не использовал.

В минус запишу медленное открытие(загрузку) новых PSD файлов.

Про опции для командной работы(комментарии, интеграция с slack) не напишу, т.к. использовал его в одиночку, для выполнения заказов на фрилансе.

Sketch

Avocode и Sketch

Про Sketch. Много написано на оф. сайте про то,что можно открывать и sketch файлы, но вот только открыть sketch напрямую не получится(как в случае с Photoshop, когда можно psd прямо в Avocode загружать, без использования Photoshop).

Чтобы открывать sketch файлы потребуется официальный плагин для Sketch, а следовательно и сам Sketch, а он работает под Mac OS и …

Хотелось бы прямую закачку как в случае с psd файлами, но ее видимо ждать не стоит, судя по теме на github по данному вопросу(теме несколько лет).

Итого

При всех плюсах и минусах, Avocode мне казался неплохим инструментом; да еще и дешевле чем Photoshop.

Но я обнаружил один баг, после которого быстро отказался от него.

На скриншотах два варианта, первый(с белой рамкой) это как выглядит элемент в Photoshop, второй без рамки, как выглядит в Avocode. В  Avocode элемент выглядит совершенно иначе, из-за этого я сделал ошибку в верстке. Я написал про это разработчикам, они признали, что это у них баг, и обещали исправить в скором времени.

Photoshop версия
Avocode версия

Считаю, что ошибаться из-за недоработок софта, это недопустимо.

Кто-то может сказать, что стоит перед версткой просто сравнивать макет с тем, что в Photoshop, возможно, но, порой приходится верстать многостраничники, и макетов очень много, каждый проверять, это терять время, да и потенциально баг может быть в небольшом по внешнему виду элементе, а следовательно, придется проверять тщательно.

После отказа от Avocode, пробую Photoshop + Zeplin, работать можно, но мне уже не нравится Zeplin! Еще смотрю в сторону sympli.

Сейчас не планирую возвращаться к использованию Avocode, причину я уже указал, и еще добавлю. Считаю, что проект не развивается, в ближайшее время, ничего  не жду нового от него. Хотя офф. сайт программы неплохо оформлен, и весьма заманчиво предложение, хорошо что есть триал-версия.