Звёздно-снежный Джедайст #63

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

В этой статье

Figma и все-все-все

В Figma наконец обновили Auto Layout. Объединили ограничения (constraints) и ресайзинг объектов в одну панель, а ещё добавили поддержку индивидуальных отступов.

Поиграться можно в песочнице.

С обновлением Overlay научился преобразовывать компоненты Figma в чистый и многократно используемый код React, Vue.js и HTML. Есть пробный двухнедельный период, работа над одним проектом и 10 экспортов в неделю обойдутся пользователю в 11,90 $ / месяц, а полный безлимит — временно в 23,90 $.

Designer-First платформа для Webflow и Figma SystemFlow содержит больше 1000 CSS-классов, 50 готовых компонентов, множество макетов и других ресурсов. Инструмент отличается от уже готовых UI-китов, вынося в приоритет определение основ — макета, типографики, сетки и цветов, а затем стилей.

Лицензия без апдейдов и живых компонентов обойдётся в 149 $, за все плюшки одинокому волку придётся отдать 299 $, а команде — целых 549 $.

Продвижение медцентров и клиник: три кейса о SEO, TikTok и Instagram*

Как получить измеримые результаты в фарммаркетинге.

Показываем на примерах →

Спецпроект

Framer получил обновлённое меню вставки — теперь есть 6 категорий, которые помогут быстро найти любой компонент.

Интерфейс содержит множество элементов пользовательского интерфейса — кнопки, поля ввода, значки, флажки и многое другое. Всё интерактивно из коробки.
В разделе «Медиа» ожидают все компоненты, которые предоставляют или встраивают мультимедиа из внешнего источника — видео- и аудиоплееры.
Служебные компоненты придают функциональность проектам и прототипам. Здесь найдете индикаторы загрузки и выполнения, стикеры и табы.
Раздел «Пакеты сообщества» скрывает библиотеку с открытым исходным кодом, состоящую из тысяч бесплатных компонентов. Тут есть всё, от простых кнопок до сложных компонентов заполнения данных.
Командные пакеты конфиденциальны и предназначены, чтобы помочь команде делиться и использовать самые свежие компоненты.
И, наконец, любой пакет, который сохраняете для команды или сообщества, можно найти в разделе «Избранное».

Летом писали о Quarkly — смеси графического редактора, конструктора сайтов и IDE из Ростова. Так вот, инструмент вышел в открытую бету. А это значит, что потестить его стало ещё проще ;–)

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

До конца года обещают прокачать совместную работу (добавить установку прав, ссылки и настройки проекта) и расширить контентную базу новыми блоками и UI-библиотеками. Планы классные!

Pixelmator Pro получил знатное обновление — поддержку новых ARM-маков, пересобранный интерфейс, ML-фильтры для цветокоррекции, 200 пресетов и улучшение производительности.

Работаем вместе

InVision представили интерактивную доску Freehand. Маркетологи делают ставку на кучу шаблонов, подсмотренных у разных компаний. Инструмент неплохо работает внутри местной среды, но если не используете что-либо из продуктов InVision, ценность Freehand по сравнению с тем же Miro кажется сомнительной.

В Craft легко писать структурированные заметки, связывать тексты с помощью ссылок или сотрудничайте с другими в реальном времени — всё из одного приложения, доступного для macOS и iOS. Как Notion, но симпатичней. 1000 блоков + экспорт в PDF будут бесплатными, а за большее хранилище и поиск придется отдать от 3,75 $ в месяц.

Для телефона и прямо с телефона

Конструктор сайтов для айфонов Universe разжился версией и под новую macOS. Классный простой инструмент, чтобы без напряга замутить кастомную страничку-две. С внутренней сеткой работать просто, есть механизм платежей и подключаемый модуль аналитики.

Конструктор мобильных приложений V One использует в работе механику drag&drop — добавляете модули, подключаете данные и приложение готово к публикации в маркете.

Есть интеграции с Airtable и Zapier для данных, Stripe для платежей и Webflow, с помощью которого можно конвертировать ecommerce-сайты в приложения для iOS и Android.

В месяц базовый тариф обойдётся в 8 $, а за подключение к Shopify, WooCommerce и кастомные панели управления данными и пользователями придётся отдать уже 79 $.

Ультраминималистичный сайтбилдер Tray больше подойдёт для публикации ссылок. Всем тем, кто не заморачивается.

Для работы

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

С помощью настольного LottieFiles для Mac можно протестировать lottie-анимации как для веб-приложений, так и для мобильных приложений iOS. Скоро ожидается версия под Windows.

Учимся и вдохновляемся

Appstore Inspiration — это библиотека приложений с промоматериалами, лендосами и тепловыми картами последних. Если разрабатываете приложеньки или сайты к ним, то найдёте сервис полезным. Тут стоит ещё вспомнить scrnshts — сборник скриншотов из магазинов — тоже поможет в работе.

Более 600 продуктов, разделённых на 8 категорий — от пользовательских исследований или дизайн-менеджмента до ресурсов визуального и интерфейсного дизайна, можно найти в UX Database.

В MasterMind регулярно подбирается интересный и полезный контент в области дизайна, искусства, интерфейсов и продуктов.

Font of Web пробежится по всем стилям с заданного сайта и соберёт их в одном месте.

UXcel предлагает образовательную платформу — внутри курсы, забавные игры типа «выбери правильный вариант» и недельные челленджи. Про-доступ обойдётся от 5 $ / месяц.

Читайте карточки с основами UX и UI-дизайна (законы всякие, принципы и процессы проектирования) в вебе и мобильных приложениях. Неплохо для начинающих.

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

Ранее в сериале: