Sympli — плагин для конвертации дизайнерских макетов в удобный для разработчиков формат
Сегодня в «Идеях для бизнеса» — плагин для конвертации дизайнерских макетов в удобный для разработчиков формат Sympli.
Sympli — плагин для Sketch, Adobe Photoshop, Android Studio и Xcode, который позволяет дизайнерам выгружать разработанные макеты из Sketch и Photoshop в удобном для разработчиков формате. В ближайшее время создатели инструмента планируют добавить интеграцию с Adobe XD.
Плагин самостоятельно собирает всю необходимую для разработчиков информацию — использованные дизайнерами шрифты, детальные спецификации каждого элемента, цветовые палитры и автоматически сгенерированный исходный код для работы с макетом в используемой разработчиком IDE.
Sympli — платный инструмент. Его можно использовать бесплатно, но только для одного проекта. Стоимость платной версии начинается от $15 в месяц.
Как zeplin.io
Комментарий опытного верстака.
"Быстрее сверстать ручками с небольшой помощью пре(пост) процессоров, сборщиков итд. Если есть грамотный стек технологий все просто. Это штука не умеет добавлять логику, а тупо выгружает и все время тратится на то чтобы разгребсти эту кучу., расхожденя 2-3 пикселя на глаз особо и не заетить а прога выдаст по факту."
Игорь, я не совсем понял момент про выгрузку и разгребание. Судя по упоминанию пре(пост)-процессоров, вы имеете ввиду веб-фронтенд, но мы не генерируем html.
Мы генерируем только куски CSS для элементов дизайна, спецификации и ассеты.
Вы не могли бы уточнить у верстальщика, о чем именно речь?
Штука интересная, но не притянута проблема быстрого применения стилей за уши? Zeplin отлично экспортирует ассеты прямо в проект и генерит цвета. Вот если научить генерить констрейтсы в IB, вот это было бы пушка.
Врятли возможна автоматическая генерация констрейтов, так как в голове вы у себя одно растягивание представляете а программа может выдать другое, и мысли врятли угадает.
Михаил, плагин для Xcode умеет генерить констрейнты, если они присутсвуют в дизайне. К сожалению, такое умеет только Sketch и только с использованием Fluid или Sketch Constraints.
На наш взгляд, применять свойства дизайна в один клик это быстрее и удобнее, чем делать то же самое вручную.
Еще, мы уже почти готовы зарелизить применение стилей на уровне кода, и тогда мы будем покрывать оба подхода к программированию UI.
я где-то слышала фразу: "Sympli is Zeplin on steroids" :)