Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Такой микродайджест насчитал уже два десятка выпусков и постоянно вылезает за границы малого формата.

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

Плагины:

  • Method: сверяет отступы в макетах на соответствие 8-пиксельному микромодулю.
  • Iconscout: позволяет быстро найти иконки и иллюстрации для макета.
  • AEUX: экспорт макетов Sketch для использования в After Effects.
  • Заметка о создании своего плагина для Sketch от Эми Роджерс.

Adobe XD

Майское обновление. Компоненты переработаны в более зрелую версию вместе с более системной работой со стилями, много улучшений интерфейса.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Команда Google Earth выпустила инструмент, который позволяет собирать видео пролёта над городами на основе своих карт.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Онлайн-инструмент для анимации, облегчающий её передачу разработчикам. Позволяет использовать JSON из плагинов вроде Bodymovin' для After Effects и докрутить результат. Анонс от авторов.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Framer X

Наконец-то вышел Framer Bridge, позволяющий подключить компоненты из технологического фреймворка. Они синхронизируются с компонентами Framer (которые теперь используют Git для версионирования).

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Также запустился Framer Playground с новым редактором кода для создания своих компонентов.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Figma

Обзор работы с сетками.

  • Шаблоны для рисования диаграмм в Sketch и Figma.

MMarvel

Вышла третья версия корпоративного пакета инструмента. Собрали вместе все последние запуски вроде юзабилити-тестирования и помогают с организацией проектов и управлением организацией в целом.

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

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Сервис позволяет хранить базу фрилансеров с контактами, портфолио, ценниками. Импорт данных из Behance, Vimeo, Soundcloud, Instagram, GitHub и Artstation.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Сервис помогает проводить юзабилити-тестирование интерактивных прототипов (и даже собрать их внутри).

Планшетное приложение для скетчей и иллюстраций.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

Ещё одна маркерная доска для совместной работы в браузере.

Сервис для создания простых карт сайта в браузере.

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

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

Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов

remove.bg

Выпустили приложения для Windows, Mac и Linux.

Ещё один сервис, который обещает объединить дизайн и генерацию готового кода из него.

Сервис для создания статических гайдлайнов.

Плагин для Visual Studio Code позволяет редактировать HTML и CSS в визуальном виде простыми настройками. Наглядная работа с расположением элементов, подключение к фреймворкам React, Bootstrap, VueJS и Angular, а также масса других возможностей. Пока собирают деньги на Kickstarter, бета-версия появится во второй половине года.

Общее

Сравнение Sketch, Figma и Adobe XD по ключевым функциям от Ашиша Богавата. Хороший способ быстро разобраться для тех, кто знает только один продукт.

Наклейки на клавиатуру с горячими клавишами Sketch, Figma и Photoshop.

Релизы выпускаются, инвестиции поднимаются, темпы не сбавляются, дизайнеры умиляются.

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

3737
8 комментариев

Нравится. Продолжайте

9
Ответить

Уже есть пара ссылок для следующей подборки :)

5
Ответить

Обновил скетч до 55в: глючат группы и шрифты. Жду патч.

1
Ответить

Это я не в смысле "держу в курсе", а в смысле: не торопитесь обновлять.

1
Ответить

Забавно, скетч теперь догоняет фигму и заимствует UX

1
Ответить

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

1
Ответить

Да, я вот в PS много лет работал над дизайном сайтов, а теперь учусь в Figma. Пробовал XD, но почему то не нашел как менять слои планами [наперед/назад].

Ответить