Sympli — плагин для конвертации дизайнерских макетов в удобный для разработчиков формат Статьи редакции

Сегодня в «Идеях для бизнеса» — плагин для конвертации дизайнерских макетов в удобный для разработчиков формат Sympli.

Sympli — плагин для Sketch, Adobe Photoshop, Android Studio и Xcode, который позволяет дизайнерам выгружать разработанные макеты из Sketch и Photoshop в удобном для разработчиков формате. В ближайшее время создатели инструмента планируют добавить интеграцию с Adobe XD.

Плагин самостоятельно собирает всю необходимую для разработчиков информацию — использованные дизайнерами шрифты, детальные спецификации каждого элемента, цветовые палитры и автоматически сгенерированный исходный код для работы с макетом в используемой разработчиком IDE.

Sympli — платный инструмент. Его можно использовать бесплатно, но только для одного проекта. Стоимость платной версии начинается от $15 в месяц.

0
17 комментариев
Написать комментарий...
Егор Старков

Как zeplin.io

Ответить
Развернуть ветку
Igor Trofimenko

Комментарий опытного верстака.
"Быстрее сверстать ручками с небольшой помощью пре(пост) процессоров, сборщиков итд. Если есть грамотный стек технологий все просто. Это штука не умеет добавлять логику, а тупо выгружает и все время тратится на то чтобы разгребсти эту кучу., расхожденя 2-3 пикселя на глаз особо и не заетить а прога выдаст по факту."

Ответить
Развернуть ветку
Max Ignatyev

Игорь, я не совсем понял момент про выгрузку и разгребание. Судя по упоминанию пре(пост)-процессоров, вы имеете ввиду веб-фронтенд, но мы не генерируем html.
Мы генерируем только куски CSS для элементов дизайна, спецификации и ассеты.
Вы не могли бы уточнить у верстальщика, о чем именно речь?

Ответить
Развернуть ветку
Михаил Зинов

Штука интересная, но не притянута проблема быстрого применения стилей за уши? Zeplin отлично экспортирует ассеты прямо в проект и генерит цвета. Вот если научить генерить констрейтсы в IB, вот это было бы пушка.

Ответить
Развернуть ветку
FIT

Врятли возможна автоматическая генерация констрейтов, так как в голове вы у себя одно растягивание представляете а программа может выдать другое, и мысли врятли угадает.

Ответить
Развернуть ветку
Max Ignatyev

Михаил, плагин для Xcode умеет генерить констрейнты, если они присутсвуют в дизайне. К сожалению, такое умеет только Sketch и только с использованием Fluid или Sketch Constraints.

На наш взгляд, применять свойства дизайна в один клик это быстрее и удобнее, чем делать то же самое вручную.

Еще, мы уже почти готовы зарелизить применение стилей на уровне кода, и тогда мы будем покрывать оба подхода к программированию UI.

Ответить
Развернуть ветку
Lisa Dziuba

я где-то слышала фразу: "Sympli is Zeplin on steroids" :)

Ответить
Развернуть ветку
Max Ignatyev

ну в хорошем смысле этого слова

Ответить
Развернуть ветку
Lisa Dziuba

чем больше продуктов на рынке, тем меньше монополии, и лучше цены\условия использования\больше плюшек

Ответить
Развернуть ветку
Олег Годовых

На мельдонии!

Ответить
Развернуть ветку
Сергей Токарев

как быстро люди привыкли к тому, что за софт теперь требуют ежемесячную оплату

Ответить
Развернуть ветку
Kirill Kozionov

Пусть программы пишут роботы, мы будем ветром им энергию вырабатывать. Вот тогда заживем!

Ответить
Развернуть ветку
Roman Novikov

Ага, руками махать.

Ответить
Развернуть ветку
Paul

Чета не пойму, это идея для бизнеса или готовый бизнес...

Ответить
Развернуть ветку
Роман Гафуров
Ответить
Развернуть ветку
Олег Годовых

Ребята обещают там что-то абсолютно космическое, но никак не покидает ощущение нереальности. Просто нет в дизайнах достаточно семантики, чтобы отобразить достаточным образом их в проект. И обратное преобразование тоже не всегда возможно.

Вот, например, у вас есть компонент, поведение и внешний вид которого определяются во время исполнения. Каким образом его из кода перетащить в дизайн? Тысячи вопросов. Особенно с учётом того, что пока что основной продукт Протеина, не в обиду будет сказано, это модные презентации.

Ответить
Развернуть ветку
Lisa Dziuba

как зарелизиться продукт - будет видно

Ответить
Развернуть ветку
14 комментариев
Раскрывать всегда