Дизайн Yury Vetrov
3134

Командная работа в Sketch, плагины в Figma и другие новые инструменты дизайна

Летом усилилась схватка между Sketch и Figma — оба инструмента сделали ключевые анонсы, сокращающие функциональное отставание.

В закладки
Аудио

Sketch

Анонсировали версию для команд. Общее пространство в Sketch Cloud, версионирование, централизованная раздача плагинов и библиотек символов, просмотр спецификаций экрана в браузере без Zeplin. Как и в Figma, вы платите только за редакторов, а не за каждый чих с единичным просмотром одного экрана. Бета-версия появится в июле.

А ещё в версии 56 решится самая древняя и глупая боль — символы сами меняют размер при изменении контента. Неужели не придётся руками менять ширину кнопок? Плюс появится панель компонентов рядом со слоями (как в Figma). И изменение расстояний в группе объектов (тоже как в Figma).

Плагины и дополнения

  • Дмитрий Коваленко из Readdle сделал три сотни наборов данных для использования в Sketch. Имена, адреса почты, устройства, страны, аэропорты и тому подобное.
  • Sparkle. Плагин превращает инструмент в конструктор промосайтов — можно собрать его и получить готовый код.
  • xLayers. Приложение позволяет собрать готовый сайт из макета Sketch. Причём можно получить как статику, так и компонентный вариант на React и Angular.

Figma

Сервис анонсировал плагины. Это было одной из главных функциональных претензий от переходящих со Sketch. Обещают надёжную и безотказную работу, когда надстройки не ломаются при обновлении инструмента. Уже доступна бета-версия для разработчиков.

Роман Камушкин описывает несколько подходов к созданию таблиц. А Томас Лоури написал памятку по созданию типографической системы в инструменте (больше базовой теории построения шрифтовой шкалы, зато есть шаблоны-примеры прямо в Figma).

Это напоминает переломный момент в гонке Android и iOS — в какой-то момент они настолько сильно оторвались от конкурирующих платформ вроде Windows Phone, Tizen, Sailfish, WebOS и других, что все попытки догнать в лоб потеряли смысл (при всех деньгах Adobe и InVision). В этом году Sketch и Figma сделают примерно то же, так что даже не знаю, стоит ли продолжать говорить про остальных. Но я попробую.

UX Reality

Сервис для юзабилити-тестирования мобильных сайтов и приложений. Обещает отслеживание глаз и выражения лица.

Overflow 1.0

Вышел из беты. Появилась организация проектов в облаке и версионность, а сам интерфейс сильно доработан.

Shape

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

LandingPagr

Простейший конструктор прототипов промосайтов, помогающий маркетологам и интерфейсным писателям проработать контент и подачу информации в целом.

Startup

Вышла третья версия конструктора промосайтов от DesignModo.

Muzli Search

Поиск по подборкам Muzli неплохо дополняет Pinterest для сбора мудбордов.

Muse

Экспериментальное планшетное приложение для визуальных заметок и набросков. Интересные приёмы взаимодействия с интерфейсом, которые подробно разобраны в статье.

Milkshake

Конструктор мобильных сайтов для Instagram, можно делать их прямо на телефоне.

Struct

Ещё один сервис-конструктор иллюстраций из готовых элементов.

Mixkit

Каталог бесплатных иллюстраций от сервиса Envato.

Framer X

Курс по Framer Playground от Меня То.

GoodBrief

Генератор брифов на разные работы по дизайну.

Amadine

Векторный редактор для Mac.

Presto

Сервис позволяет быстро собрать обучающий тур для пользователя. Авторы нацелились на продавцов и службу поддержки, то есть использование для помощи конкретному человеку.

Alyssa X рассказывает о своём новом инструменте для анимации. Пока ничего рабочего нет, но есть обзор основных идей.

Зато выбор значительно упростится — останется всего два стула.

Подписывайтесь на дайджест:

#sketch #figma

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["sketch","figma"], "comments": 4, "likes": 23, "favorites": 65, "is_advertisement": false, "subsite_label": "design", "id": 71868, "is_wide": false, "is_ugc": true, "date": "Mon, 17 Jun 2019 14:37:56 +0300" }
{"average":27531,"one":95,"ten":75}
Сколько денег вы откладываете в месяц?
Ответьте и узнаете, сколько копят другие.
0 ₽
70 000+ ₽
0 ₽
{ "id": 71868, "author_id": 8729, "diff_limit": 1000, "urls": {"diff":"\/comments\/71868\/get","add":"\/comments\/71868\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/71868"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
4 комментария

Популярные

По порядку

10

Схватка между Figma и Sketch? Она начнётся только если Sketch станет мультиплатформенным, а пока он курит в сторонке.

Ответить
0

Лол
GoodBrief что тут делает? Это же сервис-шутка

Ответить
0

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

Ответить
0

Sketch Анонсировали версию для команд. Общее пространство в Sketch Cloud

уже сейчас видно что все это будет глючить и тормозить,
лучше бы анонсировали собственное закрытие и уход из бизнеса

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Хакеры смогли обойти двухфакторную
авторизацию с помощью уговоров
Подписаться на push-уведомления
{ "page_type": "default" }