Lunacy Editor, или Как Мы Скетч С Виндой Мирили

Жил да был Sketch. Тот самый, любимый дизайнерами интерфейсов от Сибири до жаркой Индии, удобный и под работу правильно заточенный. Одна беда: работал он только на Маках, дорогих, не всегда доступных и не всем интересных. И вот простая передача файла от дизайнера разработчику или заказчику превращается в диво дивное и сложность несусветную.

Знакомая ситуация? Нам тоже. По принципу “не жди решения проблемы, решай ее сам”, команда ресурса Icons8 запустила проект Lunacy - Sketch for Windows. На днях состоялся релиз бета-версии 3.0, в которой софт превратился из вьюера .sketch файлов в полноценный нативный редактор графики. И что важно - Lunacy не стоит пользователям ни копейки.

Что такое Lunacy?

Lunacy - бесплатное нативное Windows приложение, которое позволяет открывать, редактировать и сохранять файлы .sketch.

Среди основных функций программы:

1. Чтение файлов .sketch любой версии (13 месяцев тестирования!)
2. Автоматическая подгрузка недостающих шрифтов Google Fonts
3. Сохранение исходников в CDN
4. Сохранение измененного файла в формате .sketch

История создания

Sketch на сегодня уже стандартный инструмент UI/UX дизайнера, но он существует исключительно для MacOS. Нам, как и многим, довелось не единожды понервничать из-за того, что часть команды, работающая на Windows, не могла взаимодействовать со Sketch файлами. Приходилось тратить драгоценное время и тормозить важные процессы.

В 2016 мы запустили Sketch Viewer и... через 2 недели Sketch изменил формат. Нам пришлось переписать большую часть кода. Но нет худа без добра. Теперь Lunacy поддерживает не только новые файлы, созданные в свеженьких версиях, но и темплейты постарше на SketchAppSources. Сейчас Lunacy Viewer входит в топ-10 дизайн-инструментов в Microsoft Store.

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

Зачем нам это нужно? В первую очередь, мы решали проблему для себя: команда Icons8 разбросана по разным уголкам мира, работает в разных операционках и создает массу дизайна - новые иконки появляются на сайте ежедневно. Конечно, нам необходим был инструмент, который позволил бы синхронизировать все усилия максимально продуктивно - и мы его не нашли. А как утверждает Лао Цзы, не нашел книгу, которую хочешь прочесть, - напиши ее сам. Вот и мы взялись создать инструмент, которого не нашли, и по ходу обнаружили, что наша проблема близка множеству других команд. Так и было принято решение “отправить Лунаси в народ”.

Чего хотят пользователи

Когда первая версия Lunacy была запущена в открытый доступ, конечно же, это был максимально простой функционал. На нас обрушился шквал разнообразных отзывов в диапазоне от искренних благодарностей до возмущений о некорректной работе. Но разве бывает иначе? На то он и первый блин. Это не заставило нас пожалеть, что мы не допилили более серьезный продукт до релиза. Наоборот, мы получили главную информацию: пользователям важен и нужен этот продукт. Более того, никакие тестирования не дадут вам такую массу полезного живого фидбека. И ведь коммьюнити включилось по всему миру: люди присылали файлы, в которых некорректно происходила подгрузка, писали о сбоях и делали скриншоты, находили время поддерживать диалог, чтобы сделать продукт лучше для всех. Стоит ли говорить, какой это мощный мотив для команды двигаться дальше.

Сегодня Lunacy проходит непростой путь от вьюера до редактора. А мы изучаем, чего хотят пользователи.

Даже на стадии MVP мы не смогли удержаться и добавили то, чего все ждали: экспорт исходников напрямую в CDN. Вместо того, чтобы сохранять исходник, вы получаете его URL в один клик - и его же добавляете прямо в HTML, когда вам нужно. Lunacy загружает файл на наши CDN серверы благодаря поддержке KeyCDN.

Еще одна крутая фишка - автоматическая подгрузка шрифтов Google Fonts. Если вы открываете файл, в котором есть отсутствующие у вас шрифты, Lunacy сама проверит Google Fonts и подгрузит то, чего не хватает. Процесс отточен так, что вы его и не заметите. Поскольку дизайнеры используют Google Fonts практически все время, пора попрощаться, наконец, со шрифтовым адом.

Кроме того, Lunacy интегрируется со Sketch the Ripper. Это быстрая альтернатива специализированным инструментам типа Zeplin.

Что впереди?

Впереди, конечно, много работы: мы продолжаем инвестировать наш заработок от иконок в развитие Lunacy:

• Рост команды (сегодня над проектом работает 6 человек)
• Наполнение Lunacy функционалом идентичным Sketch (на сегодня совпадает около 80% функций редактирования)
• Добавление дополнительных возможностей (например, сейчас уже возможна замена шрифта единожды по всему файлу, а также выгрузка картинки в файл по URL, скажем, из фотостока)

И многое другое…

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

О команде

Icons8 создает иконки, инструменты для работы с ними и другие проекты, полезные для UX дизайнеров.