Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 77
Отличный пятничный пост, классная подача материала :)
Figma (https://www.figma.com) может импортировать .sketch, по крайней мере так заявлено (No installation required. You can even import from Sketch.).
Ух ты, какое свежее, в сентябре прошлого года сделали. Хорошее приложение, спасибо.
Мне недавно выдали HTML, выгруженный из Sketch с помощью плагина Marketch
Ещё пока не понял — удобно или нет, но пользоваться можно. Пример выгрузки в HTML
Ещё пока не понял — удобно или нет, но пользоваться можно. Пример выгрузки в HTML
Проверял их (Figma) импорт скетч файлов — он хорош весьма! Правда потребовалось установить предварительно их программу для выкачивания шрифтов с десктопа. И если нужных шрифтов в системе не оказалось, то текстовые слои скрываются и приходится вручную искать эти слои и выбирать другой шрифт. Надеюсь исправят.
В lunacy сейчас, если не найден шрифт из макета, используется системынй (segoe как правило), из за этого бывает съезжают переносы :-( Но уже есть несколько идей как это поправить.
Например автоматической заменой на другой шрифт с похожими метриками. И т.к. в макетах всегда явно задан размер рамки в которую вписан текст, то попробуем еще немного масштабировать текстовый блок, так что бы конечная верстка не ехала
В lunacy сейчас, если не найден шрифт из макета, используется системынй (segoe как правило), из за этого бывает съезжают переносы :-( Но уже есть несколько идей как это поправить.
Например автоматической заменой на другой шрифт с похожими метриками. И т.к. в макетах всегда явно задан размер рамки в которую вписан текст, то попробуем еще немного масштабировать текстовый блок, так что бы конечная верстка не ехала
Сделайте online service, какая еще флешка.
А за хипстеров стал переживать.
А за хипстеров стал переживать.
Я искренне сомневаюсь в онлайн сервисах для прототипирования.
Lunacy оптимизировали, чтобы он смог открыть sketch в несколько сотен мегабайт. Встречаются такие макеты.
Браузер бы умер.
Lunacy оптимизировали, чтобы он смог открыть sketch в несколько сотен мегабайт. Встречаются такие макеты.
Браузер бы умер.
Есть компании, где запрещено макеты в облако выгружать (секурность). На маках не всем надо сидеть, а экспорта в ПДФ не допросишься.
Благослови вас г-сподь за это приложение, очень вовремя.
Благослови вас г-сподь за это приложение, очень вовремя.
Linux?
Отличный ход: опубликовать неприкрыто рекламный пост в пятницу вечером в надежде на то, что модераторы перенесут его в «Я пиарюсь» не сразу же.
Edit. А, администрация его увидела и в первом же комментарии одобрила. Ну, ок.
Edit. А, администрация его увидела и в первом же комментарии одобрила. Ну, ок.
Зачем нужна ваша программа, если уже есть пункт № 1?
Это и есть наша программа
Опубликуйте ее пожалуйста в Windows Store. Из плюсов: желающие открыть .scetch-файл смогут легко узнать про вашу прогу
Вот за этот плюс огромное спасибо! Это нам очень поможет окончательно определиться.
Спасибо, уже работаем над этим :-)
Творили-творили и натворили:
https://www.microsoft.com/store/apps/9pnlmkkpcljj
с bridge в итоге не получилось, так что быстренько переписали вьюхи на uwp. остальное и так было в portable все. как-то так :-)
https://www.microsoft.com/store/apps/9pnlmkkpcljj
с bridge в итоге не получилось, так что быстренько переписали вьюхи на uwp. остальное и так было в portable все. как-то так :-)
del
Спасибо вам большое за программу. Буду пробовать)
Версия для Mac не планируется? ;)
Реализация восхитительна, от инсталлера (все компактно, никакого MSI, уютненький InnoSetup, code signing) до архитектуры (реактивка, отличный подбор пакетов [еще чуть-чуть и запустить под линухом можно будет без mono], да и сам разбор sketch-blob'ов аккуратненький такой). Я хочу от вас .NET софт, как говорится.
Почему бы вам не выложить SketchLib в open source, да не сделать nuget package? Вы сознательно не стали ничего обфусфировать, доведите до конца — коммунити будет крайне признательно, проще будет вести обновления формата, ну и дополнительный плюс в карму Icons8.
Почему бы вам не выложить SketchLib в open source, да не сделать nuget package? Вы сознательно не стали ничего обфусфировать, доведите до конца — коммунити будет крайне признательно, проще будет вести обновления формата, ну и дополнительный плюс в карму Icons8.
Спасибо за такой отзыв! Не ожидал, приятно :-)
На счет open source мы думали — вполне возможно что так и сделаем.
Но несколько позже, т.к. сейчас приоритет на том что бы сделать идеальное отображение дизайнов в приложении и реализовать основные полезные функции для конечных пользователей (экспорт в SVG, Html например).
а вот тут поподробнее полжалуйста! Уже есть способ GUI приложения делать на .net core??
На счет open source мы думали — вполне возможно что так и сделаем.
Но несколько позже, т.к. сейчас приоритет на том что бы сделать идеальное отображение дизайнов в приложении и реализовать основные полезные функции для конечных пользователей (экспорт в SVG, Html например).
еще чуть-чуть и запустить под линухом можно будет без mono
а вот тут поподробнее полжалуйста! Уже есть способ GUI приложения делать на .net core??
Похоже нашел! AvaloniaUI
Так Zeplin же хорош, в чем проблема?
Что лучше — винда с виртуальным маком или наоборот?
А Mac’a нет. Есть только Windows и этот дурацкий .sketch-файл, который кто-то прислал. И у этого кого-то Mac есть. А у тебя нет. Только Windows.
Скрытый текст
Есть еще онлайновый https://app.sketchviewer.com
Я бы не сказал, что он очень удобен, но с задачей «посмотреть, что в этом скетч файле» справляется
Я бы не сказал, что он очень удобен, но с задачей «посмотреть, что в этом скетч файле» справляется
Слив засчитан! +++
Мне одному кажется, что самый правильный способ должен быть такой:
0 способ
Пусть не выёживается, а пришлёт макет в общедоступном формате или хотя бы в том, который является стандартом де-факто для индустрии.
можно уточнить какой формат общедоступный или который является стандартом де-факто для индустрии?
PSD?
после работы в sketch, работать в PS очень не удобно. Пример: дизайн приложения на 50 экранов, а файл размером 70 мб с векторными объектами или 50 файлов метро по 50 и все в расте?
И фронт-энд разработчики после sketch файлов переданных в zeplin/avocode напрочь отказываются работать с psd. И такого все больше и больше. Так что это далеко не общедоступный формат и не стандарт индустрии, скорее наоборот
И фронт-энд разработчики после sketch файлов переданных в zeplin/avocode напрочь отказываются работать с psd. И такого все больше и больше. Так что это далеко не общедоступный формат и не стандарт индустрии, скорее наоборот
сам ваш пост говорит о том что «стандарт» а что нет, три буквы против 400
мой пост говорит о том, что многие не согласятся с тем, что три буквы стандарт
стандарту все равно согласны с ним или нет, стандарт это то в чем требуют результат, просто такова реальность.
увы, я не считаю корректным передавать разработчиком psd, с ним не удобно работать и тяжело определить банальное расстояние. Инструменты для создание дизайн-спецификаций — вот пока что идеальное и стандартообразующее решение (Avocode, Sympli и Zeplin). А будь то фотошоп или скетч или люстра неважно.
Ну, явно не тот, который открывается только одной программой и только на одной ОС… Причём официального способа работы с ним на других системах, как я понял, нет и разработчики делать его не собираются.
При выборе средства для UI/X я бы выбирал между Sketchapp или скажем Axure/Proto.io/Pixate/Origami. А не между скетчем и фотошопом.
Насколько я понимаю, ниша ФШ, в которой нет достойных альтернатив — это качественные растровые изображения, частично векторные. ФШ не удобен для создания интерактивных прототипов веб-страниц. Я до сих пор не уверен, что в фотошопе можно реализовать навигацию, динамику и поведение, хотя бы упрощённо (клик — страница открылась/закрылась, клик — блок развернулся/свернулся). И думаю, что задача «переместите вот этот блок из шапки справа вот от этого» в ФШ занимает намного больше времени, чем в скетче.
И, насколько я понимаю, Скетч выделился среди средств для прототипирования своей простотой интерфейса, который при этом остаётся удобным, не теряет гибкости и информативности. Также у него высокая скорость работы. И он выдаёт предсказуемый конечный результат.
Насколько я понимаю, ниша ФШ, в которой нет достойных альтернатив — это качественные растровые изображения, частично векторные. ФШ не удобен для создания интерактивных прототипов веб-страниц. Я до сих пор не уверен, что в фотошопе можно реализовать навигацию, динамику и поведение, хотя бы упрощённо (клик — страница открылась/закрылась, клик — блок развернулся/свернулся). И думаю, что задача «переместите вот этот блок из шапки справа вот от этого» в ФШ занимает намного больше времени, чем в скетче.
И, насколько я понимаю, Скетч выделился среди средств для прототипирования своей простотой интерфейса, который при этом остаётся удобным, не теряет гибкости и информативности. Также у него высокая скорость работы. И он выдаёт предсказуемый конечный результат.
То чувство, когда скачал LunacySetup.exe, поддавшись обаянию статьи и комментов… и всмпомнил, что у тебя Убунту.
Спасибо большое за вашу программу и ссылку на статью в конце материала!
Даёшь Скетч в массы!
Даёшь Скетч в массы!
Отлично, спасибо огромное! Кто-нибудь подскажет как прокручивать документ по горизонтали?
"И дальневосточный гектар лучше тогда не брать — этому способу нужен хороший интернет". 100 мб/с 20 мс. Местечковый патриотизм, конечно… Но всё равно как-то...
Реквестую пост о том, как вы разбираете Sketch или, действительно, заопенсорсите решение. Очень интересно, как вы это делаете. Насколько я понимаю, Sketch файл — это sqllite база с огромным блобом?
Да. sqllite база. Пара таблиц и одна большая ячейка blob. И в этом блобе хранится большой plist словарь.
Поискал немного нашел сначала маковские исходники парсера plist-а а потом и реализацию на C# https://github.com/animetrics/PlistCS, хотя пришлось ее переписать потом но вначале очень помогла, спасибо автору!
В общем из этого plist-a строим иерархию объектов и потом скармливаем уже визуализатору. Возможно и правда заопенсорсим.
Поискал немного нашел сначала маковские исходники парсера plist-а а потом и реализацию на C# https://github.com/animetrics/PlistCS, хотя пришлось ее переписать потом но вначале очень помогла, спасибо автору!
В общем из этого plist-a строим иерархию объектов и потом скармливаем уже визуализатору. Возможно и правда заопенсорсим.
Пробовал открыть скет-файл размером 61Мб, прога умерла…
Так что пока не вижу альтернативы варианту:
- Avocode / Zeplin
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
9 нелепых способов открыть .sketch-файл. И один ничего такой