Sketch app аналог для windows

Аналог sketch для windows: подборка современных инструментов для дизайна

Встречайте 4 альтернативы sketch для Windows. Каждый инструмент проверен боем на сотнях проектов, поэтому изучайте внимательно и выберете тот самый.

Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агенство) и iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.

Апр 2 · 4 мин читать

Ну тут все, кажется, просто

Если вы ищете альтернативу Sketch, то просто попробуйте Figma. Для начала. Чтобы стартануть максимально эффективно загляните в обзор курсов по Фигма. Итак, поехали.

Почему Figma?

Вот несколько моментов по которым Figma хороша:

Можно свободно открывать (импортировать) проекты .sketch
Заводится на любой платформе: Windows, Linux, ChromeOS и Mac;
Из коробки в бесплатной комплектации работает мультиплеер: можно распахнуть и штурмить целой группой дизайнеров;
Все сохраняется (и никогда не теряется) прямо в облаке, а еще можно взять и загрузить целый проект к себе на диск в формате .fig;
Можно развивать целые дизайн-системы;
Теперь есть ассортимент плагинов;
А также огромные библиотеки готовых компонентов;

Ограничения Figma:

Не всегда идеально импортирует .sketch;

А какие еще альтернативы Sketch для Windows? InVision Studio?

Давайте вместе разбираться.

1. InVision Studio

Этот софт конечно градусом повыше. Если вы хоть раз видели, что можно собрать в Principle (ммм эти мягкие анимации, эффекты перехода, непрерывный ux без тормозов). В общем InVision Studio — это альтернатива связки Figma + Principle (но Principle работает только на Mac), тогда это альтернатива cвязки Figma + Protopie (но Protopie молоденький еще, да и к тому же сложнее чем Principle).

Ну вот пока так: у InVision Studio пока вовсе нет аналогов на Windows чтобы было действительно приятно создавать продвинутые анимации или разработать адаптивную дизайн-систему и передать все это дело в разработку.

Вот несколько моментов по которым она хороша:

Заточена для Windows и Mac OS;
В InVision Studio такой же удобный timeline как и в Principle и в нем потрясающе приятно вытачивать как UI, так и UX с учетом всех тонкостей поведения продукта;
Студия шикарный инструмент дизайна в эпоху мультидевайсных и мультиплатформенных пользователей. Она заточена на дизайн интерактивных систем, которые должны блестяще работать на любом экране, даже размером со спичечный коробок (Apple Watch к примеру);
Является частью Invision Cloud, а это целый арсенал дизайнера, там и сбор обратной связи, тестирование прототипов на мобильных гаджетах, менеджер дизайн-систем;
К тому же она бесплатная, а в комплексе с InVision Cloud позволяет пощупать все возможности продукты на одном комплексном проекте;
Позволяет создавать приятные мягкие анимации и эффекты перехода;

Ограничения InVision Studio:

Если сделать много много анимаций, то может притормаживать;

2. Adobe XD

Если вы фанат экосистемы дизайна от Adobe, то инструмент Adobe Experience Design (Adobe XD) вам тоже может приглянуться. Подробный разбор можно изучить в обзоре инструментов интерактивного дизайна на Windows и Mac.

3. Lunacy

Lunacy — Sketch для Windows. Векторный графический редактор, предназначенный в первую очередь для дизайна интерфейсов мобильных приложений и веб-сайтов. Программа поддерживает работу с файлами формата .sketch, умеет генерировать CSS и XAML код, позволяет экспортировать проекты и отдельные элементы в PNG и SVG.

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

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

Чтение файлов .sketch любой версии;
Автоматическая подгрузка недостающих шрифтов Google Fonts;
Сохранение исходников в CDN;
Сохранение измененного файла в формате .sketch;

Вывод

Если вы спросите меня, годится ли Figma для замены Sketch — зависит от платформы и проекта. Предлагаю посмотреть в финале с позиции комплексного решения.

Заменит ли Figma связку Sketch + Principle на Mac — конечно нет (кому на Mac нужен только Sketch без Principle?). Поэтому если у вас Mac, то выбирайте Figma + Principle, или берите InVision Studio.

Windows:

Хотите на Windows крутые анимации, ускоренный режим дизайна адаптивных систем, заточенный на интерфейсы и сайты редактор как в Figma, только без многопользовательских штурмов в реалтайме, то берите InVision Studio.

А вот если с анимациями вы не торопитесь, да и с адаптивностью не спешите (руками сделаете сами), то берите Figma.

Но если еще и анимации критичны и обязательно нужно использовать Figma, то тогда придется взять Figma + ProtoPie.

Диковину Lunacy тоже затронули. В общем то все. Хорошего дня!

Источник

Лучший конкурент Sketch, но под Windows?

Илья Васин: надоела мне глючность и инвалидность люстры. Есть серьезные глюки, которые тянутся уже. да вообще всегда они были в люстре, и никто их не планирует исправлять, а именно дробные значения любых чисел, участвующих в формировании макета: значения координат, размеров, заливки. Вечные глюки выделения и печатной каретки. Ограниченное рабочее поле, ограниченное количество артбордов, невозможность выделения и перемещения/трансформирования нескольких артбордов, страшные тормоза на хоть сколько-нибудь увесистых макетах, вечно слетающий интерфейс.

Люстра очень хороший редактор, но когда дело касается многостраничного дизайна — тут приходится придерживать очко от бомбёжки.

Илья Васин: к сожалению я не доживу до тех времен, когда верстальщики будут спокойно воспринимать макеты в неудобных для них форматах (индиз например). На люстру-то ругаются так, будто ее вчера вообще изобрели, хотя давно уже стандарт.

20 арбордов в люстре — это туфта, а не макет, мне нужно гораздо больше, и чтоб не висло всё к чертям. тот же индиз выдержит хоть тысячу страниц (суть те же артборды), а вот фотошоп/люстра/акшур просто начинают откровенно клепать мозг при количестве холстов >50 (каждый из которых нагружен кучей слоев и объектов)

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

Fireworks — сохраняет в PSD. Есть мелкие баги, давно заброшен Адобом. Скорость работы и создания макетов высочайшая, но баги надо знать, и постоянно бороться.

Figma — отлично передается верстальщикам. Они заходят в саму фигму и копируют CSS и меряют отступы. Работает как если бы верстальщик открывал в Sketch и брал все оттуда. (Кто не знает в скетче есть измерение отступов и копирование css, цветов в HTML и текста, проблем нет.). Минус — фигма не пригодна для веба, ужасно экспортирует шрифт и буквы в SVG. Результаты мутные и страшные. Техподдержка утверждает, что они это не починят.

Affinity — открывает PSD, импорт из Sketch через svg. Работает шикарно. Есть минус — при передаче верстальщикам надо сохранять в PSD или Afinity -> SVG -> Sketch -> Zeplin.

Кто знает работа c SVG это боль. Большинство редакторов разобьют параграф на отдельные изолированные строки текста.

Adobe XD кормит обещаниями. И скорость разработки и внедрения фич никакая. Но — последняя версия на удивление пригодна для работы. Передача макетов никакая.

Xara тоже хороша (передача макетов решается, с удовольствием сам бы послушал как?)

Для себя сделал вывод — от фотошопа отказался давно, Sketch под Mac, Affinity под винду.

У Adobe XD крайне мутные перспективы.
Если вспомнить историю: Adobe начинал делать нужные фичи много лет назад, да так и не смог сделать их работоспособными. Creative Library, обмен между дизайнерами символами, стилями, assets library, swatches. Это было в ID, FW и плагином Craft в Sketch. Свой внутриадобовский Зеплин плох. Отличные проекты вроде Fireworks, Reflow убиваются. Сам Adobe XD пока больше про маркетинг, конференции и статьи в блогах. Не похоронят ли XD через год?

Есть светлый лучик у Adobe XD за все время развития. Его последний релиз вышел с символами как в Affinity и прототипированием как во Flinto, с возможностью поделиться прототипом. Это уже не слова а две крутые фичи!

Работает это так — делаешь макеты (в фотошоп, скетч), перебрасываешь их в XD, удобно настраиваешь переходы с макета на макет, проверяешь на мобильном устройстве, делишься с коллегами. Отказываешься от Flinto (Mac), FluidUI (web), Invision (web).

Для работы делал бы ставку на Sketch за счет сообщества и сторонних сервисов, очень плотно сидящих на нем. В XD не верю, но слежу за фичами, скорей всего использовал бы совместно со Sketch.

Под виндой ждать от Figma нормальной работы с текстом и объявления платных тарифов, от Affinity ждать передачу макетов.

Источник

Sketch

Эскиз — это мощное приложение для векторного рисования для Mac с незагроможденным интерфейсом. Он обеспечивает гибкий рабочий процесс благодаря поддержке артбордов и нескольких страниц. Это легкий. Сложные формы могут быть нарисованы легко. Работы высокого качества и делают красивые эскизы, поскольку рабочий процесс основан на векторах. Sketch дает вам необходимую силу, адаптивность и скорость в легком и простом в использовании пакете. Наконец, вы можете сосредоточиться на том, что вы специализируетесь в дизайне. Изображение работает для текущих визуальных планировщиков, и оно появляется в каждом волокне приложения. Благодаря адаптируемому рабочему процессу с поддержкой нескольких страниц и монтажных областей, эффективные компоненты, такие как символы и общие стили, позволяют быстро и просто повторно использовать компоненты. Эффективно создавайте сложные формы с помощью наших лучших в своем классе векторных логических операций и используйте широкие стили слоев. Полностью основанный на векторах рабочий процесс Sketch упрощает создание прекрасного, превосходного мастерства. Векторы означают адаптивность. Векторные фигуры Sketch легко приспосабливаются к изменяющимся стилям, размерам и форматам, что позволяет вам избежать значительных трудностей при ручной настройке. Однако иногда, несмотря на все, вы должны представлять видимые пиксели. Эскиз подкрепляет это, подразумевая, что вы можете настроить, когда вам нужно. В плане пользовательского интерфейса перефразировка компонентов — это нечто невероятно простое: ловушки, столбики, пузырьки … широкий спектр вещей.