9 нелепых способов открыть .sketch-файл. И один ничего такой
Итак: требуется открыть .sketch-файл, созданный программой Sketch. Той самой, которая есть только на Mac’ах.
А Mac’a нет. Есть только Windows и этот дурацкий .sketch-файл, который кто-то прислал. И у этого кого-то Mac есть. А у тебя нет. Только Windows.
И что делать? Покупать Mac? Дороговато. Может попросить этого кого-то использовать Photoshop? Не, этот кто-то одержим Sketch’ем. В общем, дело — шляпа… Или нет?
Все не так плохо. 10 альтернатив покупке Mac’а — самых эффективных, самых действенных и законных (почти во всех странах):
1. Icons8 Lunacy
Инструкция: просто открывалка для Винды. Без всяких костылей. Качать тут.
2. Avocode / Zeplin
А также Teamviewer или Zoom .
Инструкция: придется завести друзей-дизайнеров с Mac’ом в каждой часовой зоне. И дальневосточный гектар лучше тогда не брать — этому способу нужен хороший интернет.
3. Насилие
Инструкция: выслеживайте хипстеров. У них часто Mac’и, а сами они, как правило, слабые и не дают сдачи.
4. Секс
Инструкция: постепенно занижайте свои стандарты. Ваша цель — некрасивые и богатые.
5. Терпение
Инструкция: если долго сидеть в Старбаксе, возможно кто-то попросит присмотреть за Mac’ом, когда пойдет в туалет.
Ваша целевая аудитория — любые девушки. Чем больше сумка, тем больше у вас времени.
6. Еще больше терпения
Инструкция: попросите разработчиков Sketch’а добавить поддержку Windows.
Кстати, у них очень удобный F.A.Q:
7. Сайты знакомств
Инструкция: на фотографиях игнорируйте лица. Ищите Mac’и.
8. Хакинтош
Инструкция: живите в странах с нежным законодательством в области софта.
В принципе, тут нам почти повезло.
9. Работа
Инструкция: прежде чем украсть Mac у своего работодателя, изучите пособия по безработице в стране. Рекомендуем Норвегию.
10. Деньги
Инструкция: если уж совсем прижмет, продайте пару бриллиантов или старых картин. На Маc должно хватить.
А теперь серьезно: мы “взломали” .sketch-формат и разработали программу для его открытия на Windows. Бесплатно.
Две вещи мы можем сказать наверняка:
- она очень полезная, есть даже standalone для запуска с флешки
- она полна багов (версия альфа, релиз 0.000000000001)
Да, она открывает большинство файлов как надо, просто иногда… вы можете встретить небольшие косяки. Так вот, мы будем очень признательны, если проблемные .sketch-файлы вы отправите нам.
Как открыть макет из Sketch на Windows и Linux
Mar 26, 2015 · 3 min read
Раньше некоторые верстальщики с Windows и Linux были против макетов в Sketch, потому что открыть их сложно или невозможно. Но недавно запустилось приложение Avocode App ( http://avocode.com ), которое позволяет делать это без лишних трудов. Я решила проверить процесс сама.
Качаем Avocode
Вот оно — https://manager.avocode.com/downloads. Сразу же — создание учетки. В разархивированной папке будет файл приложения. В приложении тоже надо будет залогиниться, но это происходит почти без участия пользователя.
Загружаем свой проект
Все файлы в Avocode объединены в п р оекты (можно считать это просто папкой). Но залить sketch-файл в проект из Windows нельзя. В учетной записи в Avocode уже должен быть расшаренный дизайнером проект. То есть совсем без мака (где будут все шрифты из макета) сейчас обойтись нельзя. Загрузить из дропбокса тоже не получится.
Через плагин к самому скетчу (https://avocode.zendesk.com/hc/en-us/articles/202196441) можно загрузить скетч-файлы в проект (плагин Avocode поддерживается только с версии 3.1). Ставить плагин просто. Нужно довериться редиректам и подсказкам, и нажимать всегда на самые заметные кнопки. Впрочем, это уже к верстальщику напрямую не относится.
Вытаскиваем стили и картинки
После этого нужно зайти в свои проекты в программе и синхронизировать их с учеткой. Еще в Avocode есть демо-макет, на котором можно посмотреть, как и что устроено. Из макетов можно вытаскивать стили, делать экспорт .png, jpg, .svg, смотреть расстояния между объектами.
В Avocode нельзя изменять объекты, а я думаю, такая привычка есть у многих. Например, мне обычно хочется подвигать маску объекта. Но можно скрывать элемент через панель слоев аналогично другим графическим редакторам.
Макет с несколькими артбордами открывается в режиме превью, а фон между ними прозрачный. Для работы с конкретным артбордом Avocode открывает отдельную вкладку.
Прямо в приложении есть 4 понятных видео-туториала о начале работы и базовых операциях.
Следим за версиями
С помощью плагина для скетча дизайнер сможет обновлять существующие макеты (Sync Updates). В веб-менеджере Avocode это называется revisions, а каждая последняя версия будет помечаться как current.
По сути, для дизайнера Avocode — это хранилище. Но нужно следить за шрифтами в приложении. Нельзя, например, передавать макеты менеджеру, чтобы он залил их в Avocode со своего макбука: если в системе нет нужных шрифтов, макет загрузится и отобразится некорректно.
Lunacy Editor, или Как Мы Скетч С Виндой Мирили
Жил да был Sketch. Тот самый, любимый дизайнерами интерфейсов от Сибири до жаркой Индии, удобный и под работу правильно заточенный. Одна беда: работал он только на Маках, дорогих, не всегда доступных и не всем интересных. И вот простая передача файла от дизайнера разработчику или заказчику превращается в диво дивное и сложность несусветную.
Знакомая ситуация? Нам тоже. По принципу “не жди решения проблемы, решай ее сам”, команда ресурса Icons8 запустила проект Lunacy — Sketch for Windows. На днях состоялся релиз бета-версии 3.0, в которой софт превратился из вьюера .sketch файлов в полноценный нативный редактор графики. И что важно — Lunacy не стоит пользователям ни копейки.
Что такое Lunacy?
Lunacy — бесплатное нативное Windows приложение, которое позволяет открывать, редактировать и сохранять файлы .sketch.
Среди основных функций программы:
- Чтение файлов .sketch любой версии (13 месяцев тестирования!)
- Автоматическая подгрузка недостающих шрифтов Google Fonts
- Сохранение исходников в CDN
- Сохранение измененного файла в формате .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 дизайнеров.