Главное Свежее Вакансии Образование
Выбор редакции:
😼
Выбор
редакции
7 755 20 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

Команда Icons8 запустила бесплатный редактор Sketch файлов для пользователей Windows.

b_5abb783431316.jpg

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

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

b_5abb78fc63c66.jpg

Что такое 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: фиксим неизбежные на этом этапе баги, наблюдаем за поведением пользователей и общаемся с ними напрямую, чтобы собрать фидбек из первых рук, а также повышаем производительность приложения.

b_5abac30ad98ba.jpg

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

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

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

b_5abb791dc742a.jpg

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

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

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

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

b_5abb7a1717499.jpg

Что впереди?

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

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

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

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

О команде

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

+12
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Start Fellows
Программа ВКонтакте по поддержке стартапов
Пётр Савченко
Спасибо за материал. Успехов в развитии.
Ответить
Pepperbox Media
Цифровой декаданс и поиск N-го измерения
LapkaMagazine
Интернет-платформа для тех, кто делает город. А ещё мы его на uCoz сделали!
Иван Касаткин
Сделайте только нормальную иконку, пожалуйста!

Проектом буду пользоваться. Спасибо!
Ответить
ivan 90409
Если вы про жёлтую картинку с продуктханта - то это не иконка, а переходной фрейм гифки.
Или вам кристалик на ножках не гож?
Ответить
Еременко Станислав
А будет версия под Mac?
Ответить
Pepperbox Media
Цифровой декаданс и поиск N-го измерения
Сергей Михайленко
С одной стороны да, а с другой - может просто хочется редактировать файлы на халяву, а не платить за Скетч? ))
Ответить
Maksim Mukhachev
Ребята, работу вы проделали просто огромную, но есть давно figma.com, :).
Ответить
ivan 90409
Ну ещё до фигмы был адоб. Фигма пришла и нашла своего пользователя :)
Ответить
Icons8
68000 иконок, библиотека фото и музыки для UX дизайнеров
Бойко Иван
Спасибо за добрые слова!

Да, Фигма замечательный инструмент. Сами периодически им пользуемся. Но, к сожалению, Фигма умеет только считывать скетчевые файлы, мы же свободно записываем в формат Скетча. Таким образом капельку облегчая жизнь людям, которым приходится работать вместе, но «находиться» на разных операционных системах. Плюс Лунаси работает офлайн.

К тому же в процессе работы у нас родилось некое виденье, как можно изменить подход к дизайну. Мы вряд ли смогли бы начать его реализовывать, не построив свой редактор.
Ответить
Icons8
68000 иконок, библиотека фото и музыки для UX дизайнеров
Бойко Иван
Ещё один момент - прайваси. В Фигме нужно отдать все файлы в их облако. Для больших компаний - это неприемлемо.
Ну и наконец, Скетч - это 90%+ рынка, а оcтавшиеся несколько процентов делят все остальные (xd, affinity, gravit, figma...)
Ответить
Lex Mosolov
А как вы посчитали объем занимаемого рынка?
Ответить
Веб-Эталон
Создание, продвижение сайтов и мобильных приложений
Максим Михайличенко
Ребята, вы очень крутые!
Ответить
Icons8
68000 иконок, библиотека фото и музыки для UX дизайнеров
Бойко Иван
Спасибо за оценку!
Ответить
Dmitry Zaskin
Под Linux выпускать планируете?
Ответить
Екатерина Мушина
Почему у меня Лунаси не сохраняет в формате скетч? выдает ошибку
Ответить
Евгений Демидов
На мой взгляд редактор очень удобный. Один из лучших, которыми мне приходилось пользоваться. Спасибо разработчикам.
Ответить
Boris Grishin
А будет версия Mac?
Ответить
Илья Хохлов
Сделайте только нормальную иконку, пожалуйста!

Проектом буду Спасибо!
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.