Ищем разработчика, который без ума от JavaScript и клёвых анимаций
Дизайн
Yury Vetrov
5516

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

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

Объявление на vc.ru Отключить рекламу
Трибуна
MakeTime — повысить продуктивность, установив плагин в браузер
Вы установили плагин в Google Chrome и ваша продуктивность выросла, такое возможно? Давайте разберемся.

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

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

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

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

WBO

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

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

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

remove.bg

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

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

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

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

Общее

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

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

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

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

{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["sketch","figma"], "comments": 8, "likes": 45, "favorites": 165, "is_advertisement": false, "subsite_label": "design", "id": 68826, "is_wide": true, "is_ugc": true, "date": "Thu, 23 May 2019 18:11:40 +0300", "is_special": false }
Объявление на vc.ru Отключить рекламу
Трибуна
Cli.co, но не вдова: как мы создали бесплатный сервис сокращения ссылок
Меня зовут Андрей Инсаров, я основатель и генеральный директор международной ИТ-компании Intis Telecom.
0
8 комментариев
Популярные
По порядку
Написать комментарий...
9

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

Ответить
5

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

Ответить
1

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

Ответить
1

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

Ответить
1

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

Ответить
1

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

Ответить
0

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

Ответить
1

Это божественно! Не сбавляйте темпы!

Ответить

Комментарии

null