Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов
Такой микродайджест насчитал уже два десятка выпусков и постоянно вылезает за границы малого формата.
Простой способ менять расстояния в группе объектов, просмотр кода SVG, улучшение печати и интерфейса в целом.
Плагины:
- Method: сверяет отступы в макетах на соответствие 8-пиксельному микромодулю.
- Iconscout: позволяет быстро найти иконки и иллюстрации для макета.
- AEUX: экспорт макетов Sketch для использования в After Effects.
- Заметка о создании своего плагина для Sketch от Эми Роджерс.
Adobe XD
Майское обновление. Компоненты переработаны в более зрелую версию вместе с более системной работой со стилями, много улучшений интерфейса.
Команда Google Earth выпустила инструмент, который позволяет собирать видео пролёта над городами на основе своих карт.
Онлайн-инструмент для анимации, облегчающий её передачу разработчикам. Позволяет использовать JSON из плагинов вроде Bodymovin' для After Effects и докрутить результат. Анонс от авторов.
Framer X
Наконец-то вышел Framer Bridge, позволяющий подключить компоненты из технологического фреймворка. Они синхронизируются с компонентами Framer (которые теперь используют Git для версионирования).
Также запустился Framer Playground с новым редактором кода для создания своих компонентов.
Figma
Обзор работы с сетками.
- Шаблоны для рисования диаграмм в Sketch и Figma.
MMarvel
Вышла третья версия корпоративного пакета инструмента. Собрали вместе все последние запуски вроде юзабилити-тестирования и помогают с организацией проектов и управлением организацией в целом.
Сервис позволяет вести работу по концептуальному проектированию интерфейсов. Описание персонажей, сценариев, customer journey map, ну и мудборды в придачу.
Сервис позволяет хранить базу фрилансеров с контактами, портфолио, ценниками. Импорт данных из Behance, Vimeo, Soundcloud, Instagram, GitHub и Artstation.
Сервис помогает проводить юзабилити-тестирование интерактивных прототипов (и даже собрать их внутри).
Планшетное приложение для скетчей и иллюстраций.
Ещё одна маркерная доска для совместной работы в браузере.
Сервис для создания простых карт сайта в браузере.
Сервис для создания обучающих приёмов при встрече нового пользователя. Всплывающие подсказки, пульсары, визарды и другие популярные паттерны с аналитикой всего сценария.
remove.bg
Выпустили приложения для Windows, Mac и Linux.
Ещё один сервис, который обещает объединить дизайн и генерацию готового кода из него.
Сервис для создания статических гайдлайнов.
Плагин для Visual Studio Code позволяет редактировать HTML и CSS в визуальном виде простыми настройками. Наглядная работа с расположением элементов, подключение к фреймворкам React, Bootstrap, VueJS и Angular, а также масса других возможностей. Пока собирают деньги на Kickstarter, бета-версия появится во второй половине года.
Общее
Сравнение Sketch, Figma и Adobe XD по ключевым функциям от Ашиша Богавата. Хороший способ быстро разобраться для тех, кто знает только один продукт.
Наклейки на клавиатуру с горячими клавишами Sketch, Figma и Photoshop.
Релизы выпускаются, инвестиции поднимаются, темпы не сбавляются, дизайнеры умиляются.
Подписывайтесь на дайджест:
Нравится. Продолжайте
Уже есть пара ссылок для следующей подборки :)
Обновил скетч до 55в: глючат группы и шрифты. Жду патч.
Это я не в смысле "держу в курсе", а в смысле: не торопитесь обновлять.
Забавно, скетч теперь догоняет фигму и заимствует UX
Посмотришь на весь этот ворох программ интересный, в которых создается всякое красивое и интересное и прям даже грустновато становится, что ты не из этой темы
Да, я вот в PS много лет работал над дизайном сайтов, а теперь учусь в Figma. Пробовал XD, но почему то не нашел как менять слои планами [наперед/назад].