Ягодный Джедайст #95

Собрали важные и свежие новости с полей дизайнерских инструментов. Каждая обнова, как ягодка — красивая и сочная!

Что там у крупных продуктов?

Figma продаётся Adobe за 20 миллиардов вечнозелёных. Учитывая прошлогоднюю оценку стартапа в 10 миллиардов и неуспешную конкуренцию Photoshop Express с Canva и Figma, можно предположить, что у Adobe дела идут так себе. Дизайнеры в ужасе — порядка 90% прибыли Adobe получены на подписках, да и компания, приобретая главного конкурента, не особо думает о комьюнити и удобстве сервиса.

На прошлой неделе была встреча All Hands в заблокированном Твиттере, где обрисовали будущее продукта под крылом будущего покупателя. Figma хочет и дальше оставаться индивидуальным продуктом, а не еще одним из бесконечной вереницы решений Adobe. Цены не поменяются, бесплатные планы для образования останутся. Figma получит доступ к данным об использовании кучи редакторских инструментов, а также к экспертизе по 3D, доступности и синхронизации макетов с разработкой. Обрисовали вин-вин конечно, но посмотрим за результатами в следующем году — именно тогда обещают закрыть сделку.

Кстати сама Figma разжилась интеграцией с Microsoft Teams. Поддержка уведомлений, взаимодействие с комментариями, предоставление доступов к макетами и доскам FigJam — все это теперь доступно прямо внутри Teams.

Framer научился работать с высотой вьюпорта — теперь можно делать разделы и элементы, размеры которых зависят от высоты экрана. Также представили адаптивные слайдеры-карусели, количество отображаемых элементов в которых может зависеть от типа устройств.

Sketch уже который раз чинит баги в новых версиях — ничего нового.

Webflow тоже не сидит на месте и представляет бета-версию автоматизации — Logic. Механизм выглядит как граф действий c триггерами и условиями, который позволяет сгенерировать самые разные вещи: от автоматических обновлений до работы с UGC.

Также обновилась и Cinema 4D. Появилась комплексная симметрия для моделлинга, управление кассетами в одном месте, встроенная поддержка Open Color IO, моделирование мягких тел, упрощенный захват движений лица и тела.

Чего еще новенького?

Конструктор адаптивных сайтов на базе TailwindCSS Tails получил обновленный интерфейс, встроенный редактор кода, новые шаблоны, которые можно еще и самостоятельно собирать, удобный внутренний менеджер страниц. Попробовать инструмент можно бесплатно, а полные возможности раскрываются после оплаты $15/месяц.

FlutterFlow получил в 3 версии возможность командной работы, инструменты адаптивности и внутренние покупки. В целом это все такой же конструктор мультиплатформенных приложений на Flutter. Три тарифа — $15/месяц и по $35/месяц за человека для команд и одиночек. Есть бесплатная версия на поиграться.

Новая 3 версия Bravo Studio — платформы, которая использует Figma или Adobe XD для создания нативных мобильных приложений под iOS и Android. За год с нашего прошлого обзора появились:

новые компоненты форм — раскрывашки, обязательные поля и загрузка видео;
условно-видимые элементы;
полноэкранная прокрутка (как у Tik Tok), поддержка жестов для удаления и перестановки объектов;
поддержка изменений состояний в элементах — например, можно сделать кнопку лайка;
диплинки, которые ведут на любой экран приложения;
нативные графики, поддержка аутентификации, синхронизация с Firebase, покупки внутри приложения и многое другое.

Про-тариф обойдется от €16/месяц, есть бесплатный и бизнес-план. Промокод BRAVO311 даст 30% скидку.

Опенсорсный онлайн-редактор для моушен-дизайна — Motionity — умеет делать анимацию по ключевым кадрам, добавлять фильтры и маски, подгружать материалы из Pixabay. Получившийся результат можно экспортировать в WebM, MP4, GIF или JPG. Из плюсов: отсутствие регистрации, хранение проектов на компьютере и перенос их при помощи JSON.

Runway — еще один браузерный видеоредактор, на этот раз обладающий AI-инструментами: удаление фона и объектов, умную привязку монтажных склеек к аудиодорожке, удаление шума, создание субтитров. А еще есть командная работа — куда же без нее! — Браузерный видеоредактор на основе искусственного интеллекта. Поддерживает командную работу, встроенные шаблоны, удаление фона и объектов из видео в пару кликов, автоматическую привязку монтажа к музыке, генерацию субтитров, удаление шума в аудио и многое другое. Доступна бесплатная ограниченная версия. Опять же три тарифа — базовый с 5 Гб памяти и экспортом HD-роликов за $15/месяц, продвинутый с увеличенным хранилищем и безлимитным экспортом hi-res 4K за $35/месяц, и самый профессиональный за $100/месяц. Для каждого есть недельный пробный период и в довесок бесплатный тариф.

Мини-помощники для каждого дизайнера

Редко у нас появляются инструменты для создания текста — но вот Wrighter выглядит очень даже интересно. Есть поддержка разметки и математических действий, тэгов и шорткатов. Внутри есть занятный механизм для организации хаотичных заметок. А еще доступен экспорт в любом виде, синхронизация на разных устройствах, публикация в веб. Необязательно регистрироваться, чтобы делать заметки или структурировать свои задачи. Плюс сервис еще бесплатный и опенсорсный. Сказка!

Плагин для Фигмы Auto Documentation нажатием одной кнопки соберёт документацию по цветовым и шрифтовым стилям.

Чеклист по требованиям доступности WCAG — есть много фильтров как по области применения, так и по ролям в разработке продукта. Хороший инструмент, чтобы не проворонить проблемки доступности.

Генератор цветовых сочетание Palette Maker сразу же применит палитру к шаблону интерфейса, логотипа или иллюстрации. Можно перебирать сочетания вручную, так и настраивать каждые конкретные цвета. Неплохо для небольших проектов с большим количеством носителей дизайна — например, когда делаете брендинг, оформление соцсетей и сайт для какого-то мелкого бизнеса.

Похожий инструмент, но с градиентами — Gradientos. Подбираете градиент из библиотеки, настраиваете его, если надо, и смотрите на примерах элементов веб-дизайна.

Библиотека красивых бесплатных шрифтов Fontshare. Все замечательно, но кириллицы нет.

Помните, мы говорили, что новые фичи Open Type 1.9 открывают возможности для цветных шрифтов? Вот первая девятка оных появилась на Google Fonts.

Красивое и полезное

Коллекция визуальных течений за последние 50 лет от коммьюнити Consumer Aesthetics Research Institute.

Классный структурированный лонгрид про цвет и контраст. Называется, собственно, так же — Color & Contrast. Покрывает все аспекты существования цвета: от строения глаза и биологических особенностей восприятия до использования цветов и контраста в живописи, культуре и, конечно же, дизайне. Всем не-художникам в дизайн-мирке будет невероятно полезно.

Film.ai — поисковик кадров из видео и фильмов по тексту, тегам или цвету. Очень круто для вдохновения иллюстраторам, графдизайнерам и людям из продакшена.

Коллекция hero-экранов Draftss пригодится в создании лендосов и промо-историй. Не можем сказать, что это что-то супер-новое — просто еще один ресурс в копилочку.