Джедайст: главные обновления, находки и релизы января

Отряхиваемся от зимней спячки, всё плохое оставляем в прошлом году, ведь «белый снег ложится чуть слышно, и никто ни в чём не виноват». Надеемся, вы уже вошли в рабочий режим. Айда в будущее!

Проедемся по инструментам

Очередная бета-версия Sketch. На повестке дня:

• Обновлённая панель заливок и цветов: чуть поменяли горячие клавиши, добавили режим просмотра цветов списком, HSL (ура!), управление цветами в списках.
• Управление переопределением: теперь не надо блокировать элементы в символе, чтобы их нельзя было перезаписывать.
• Можно переопределять значения в символе так же просто, как в Figma.
• Образцы сплошного цвета теперь видны при настройке градиента.

Эффективная и выгодная реклама с сервисом от МегаФона

Широкий выбор рекламных каналов, более 100 параметров по интересам, подробная аналитика и другие возможности уже ждут в Личном кабинете. А еще кешбэк 100% за запуск рекламы в первый месяц и еще 10% — каждый месяц.

Узнать больше >>

Реклама. ПАО «МегаФон». ИНН 7812014560. ОГРН 1027809169585. ERID LjN8K1P7y.

Sketch

Плагин для Sketch — Pointbreak — воплощает идею, о которой мы уже писали в Джедайсте: не нужно нам много артбордов, давайте сделаем один, но адаптивный.

Поначалу кажется, что это какая-то магия. Pointbreak добавляет к макету две оси с настраиваемыми брейкпоинтами. После проектирования можно разбить такой убер-артборд на несколько (по числу перерисовок).

Pointbreak

Восемнадцатилетняя дизайнерка и программистка Тони Кодина (Toni Codina), использовав хвалёный Figma API, написала конвертер в Google Slides. Если вы до сих пор не пробовали делать презентации в Figma, то это неплохой повод начать. Ох, не тем мы занимались в восемнадцать!

Figma to Google Slides

У самой Figma несколько новых штук: представление цвета в HSL и классная фича в шрифтах — даже если ваш язык не поддерживается, буквы отображаться всё равно будут! Много приятных фиксов в рендеринге и рабочих процессах плюс ещё одно обновление, которым мы часто пользуемся: smart selection в двух измерениях — незаменимая вещь для организации макетов и наведения лоска в своих работах.

Figma

В Pixelmator Pro (только для macOS) подвезли цветные метки для слоёв, гибкие в настройке обтравочные маски. Упростили работу с прозрачностью и режимами наложения. Добавили фильтрацию и поиск.

Цена вопроса — без малого 40 хрустящих Вашингтонов, но есть пробный период на месяц. Попробуйте, может, понравится.

Pixelmator Pro

Крупное обновление у STUDIO — инструмента из той породы, которая призвана лишить верстальщиков хлеба. Положили тёмную тему, совместную работу в одном макете на манер Figma, absolute position и z-index, а также улучшили drag & drop. А ещё наснимали туториалов:

STUDIO

Shots — это коллекция из более чем шести тысяч экранов пользовательского интерфейса, разделённых по категориям. Говорят, внутри работает машинное обучение для фильтрации и обеспечения функциональности. Можно посмотреть, как устроен именно этот экран под капотом а также экспортировать его в виде кода. Эдакий Mobbin на максималках.

Есть пробный период, а так дело платное — 10 $ в месяц или 99 $ в год.

Shots

I wanna see it painted, painted, painted...

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

Palette App — онлайн-инструмент для составления плавных цветовых палитр. Есть импорт, работа с цветовыми параметрами, автоматический поиск похожих цветов и сопоставление цветовых схем.

Palette App

Colorkoala более простой в сравнении с предыдущим: простым нажатием пробела генерирует палитры из 5 цветов по заданным параметрам: яркости (светлоте) и цвету. Можно выгрузить кодом.

Colorkoala

Что будет, если скрестить подборщик цветов, машинное обучение и Тиндер? Правильный ответ — Polarite. Пока только для iOS, андроид ждёт своей очереди.

Polarite

Вкладочным маньякам посвящается

Если вы такой же любитель вкладок, как мы, возрадуйтесь, ибо в мир пришёл Qlearly — менеджер вкладок-закладок с принципом Trello. Присутствуют быстрый поиск и возможность легко поделиться доской. Расширение можно установить на Chrome, Opera и Firefox бесплатно.

Qlearly

Ещё часто бывает, когда натыкаешься на интересную статью, а прочитать её времени нет. Тогда она обычно отправляется на кладбище интересностей в Pocket. Потом эти материалы висят мёртвыми гигабайтами на устройствах, вызывая раздражение и фрустрацию.

Будто для этих случаев придумали Tab Snooze: позволяет отложить прочтение или просмотр контента на потом. Синхронизируйте спящие вкладки автоматически с другими вашими устройствами.

Бесплатная версия хороша, но если вы хотите синхронизации, кастомных отрезков времени и других хороших, но не критичных вещей, есть подписка за почти 3 $ в месяц.

Tab Snooze

Покажи мне дизайн

Очень много мокапов: 15 устройств + окошки браузеров в четырёх стилях для Photoshop, Sketch и Figma. А для любителей делать шотики на Dribble — 86 композиций. И всё бесплатно!

Vector Mockups Library

Веб-приложение Artboard Studio для демонстрации фирменного стиля на композициях из предметов. Есть интеграции со всем, что мы любим: Figma, Adobe PS, Sketch, Dropbox, MailChimp, Google Drive.

Три тарифа — бесплатный с неплохими возможностями, 19 $ за проект с коммерческой лицензией и полным набором объектов, 49 $ за месяц или 480 $ в год со всеми плюшками, включая экспорт в PSD.

Artboard Studio

Одной строкой

UI Sound — библиотека звуков из разных сервисов: пока их кот наплакал, но обещают увеличивать количество источников.

Каталог полезных дизайнеру инструментов от команды Evernote.

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.