Джедайст-августайст #94

Последний месяц лета уже пришел, а новый Джедайст тут как тут. Наслаждаемся обоими :)

Что там у больших ребят

У Figma неплохие изменения. Для Enterprise-подписок обновили рабочие пространства (они же Workspaces). Теперь появилась группировка по ним внутри файлового браузера и модального окна с библиотеками компонентов, а еще добавили такой же фильтр в результатах поиска.
Также в интерфейсе появились «хлебные крошки» и обновился внешний вид страниц.
А еще в рамках концепции Little Big Updates представили больше 20 разных мелких улучшений, из которых выделим:

рисунки карандашом поверх макета больше не повредят автолэйаутам;
если вы мышкой выделили один артборд (фрейм самого высокого уровня), то Фигма будет выделять
двойной клик по опорным точкам в градиенте равномерно распределит эти точки;
теперь, чтобы выровнять несколько объектов необязательно их группировать, а после выравнивания разгруппировывать — достаточно зажать Shift и выбрать один из способов выравнивания.

Sketch в новой 91 версии научился аналогу «copy to drafts» — копировать к себе файлы через контекстное меню. А еще появились выравнивание по эталонному объекту — выбираете объекты, кликаете на какой-то слой, и теперь по нему будут выравниваться все остальные выделенные. В Фигме такого нет! Добавили еще разные способы выравнивания, spread-тени для текста и немного по мелочи.

Framer теперь умеет делать фиксированное и абсолютное позиционирование объектов внутри стеков. Появились новые компоненты: карусель (или галерея) из изображений Carousel и Ticker для создания групп с бесконечной прокруткой. Кроме всего этого инструмент стал поддерживать редиректы ссылок и Google Analytics.

Будущая 7 версия Storybook обойдется исправлениями визуала и UX, а также увеличением производительности. Никаких новых фичей, а жаль.

Что-то новенькое и полезное

Многопользовательский онлайн-редактор Womp умеет процедурно моделировать 3D, моделить перетекающие друг в друга формы и объемы. Инструмент пока на закрытом альфа-тестировании — но всегда можно записаться.

Крайне полезный плагин для Фигмы Pixel Cleaner. Он разом округляет все дробные величины в типографике, автолэйаутах и эффектах.

Инструмент дизайн-команды GitHub Primer Prism поможет составлять палитры для разных тем, проверять контрастность и настраивать параметры изменения цветов. Подобных инструментов куча — загибайте пальцы — ColorBox, Palette App, Color Stacks. Почитать о создании инструмента и его возможностях можно в блоге компании.

Бесплатный аналог Figma от icons8 — Lunacy — получил новые классные функции.
Адаптивное отображение слоев, когда в одноименной панели скрываются все объеты, которые не помещаются на экран. Уже подготовленные палитры для каждого нового документа помогут сразу работать с цветовыми стилями. Автоматический цвет для текста стал умнее — он устанавливается в зависимости от цвета фона, а еще Lunacy запоминает последний использованный цвет и применяет его, если тот обеспечивает нужную читаемость.
Когда вы размечаете текстобокс, то в зависимости от его ширины инструмент подбирает сопоставимый плейсхолдер.
Еще появились аудиозаметки и комментарии, привязка последних к слоям, внутренние ссылки, упрощенная обрезка фигур и еще парочка менее прикольных штук.

Давненько тут не было инструментов, переводящих макеты в код. Locofy способен понимать макеты и прототипы из Figma в HTML/CSS, React, Next.js или Gatsby. Бета-версия бесплатна.

Инструмент для хранения активов бренда Lingo обзавелся возможностью сохранять и структурировать библиотеки компонентов из Фигмы и Скетча, а так же хранить документацию к ним. Цена вопроса — от $15/месяц за 4 пользователей, есть месячный пробный период.

Шаблоны вопросов для исследований.

В редакторе заметок Reflect можно ссылаться на другие заметки внутри системы, тем самым организуя бузе знаний. Есть веб-клиппер для быстрого сохранения ссылок из Chrome и Safari и интеграция с календарем. Цена вопроса — $13/месяц. Конечно, прикольно, но Notion как-то интересней.

Ноукодим

Ноукод-конструктор сайтов для macOS Rapid Weaver поддерживает адаптивность, импорт кода, SEO с метатегами, работу офлайн. Недавно завезли превью в браузерах, быстрое переключение между страницами, закреплённые бейджики, темную тему и поддержку Apple Silicon. Обойдется вам от $96/год.

Еще один конструктор, про который мы писали год назад, — Siter — вышел из беты. Все уже привычно: совместная работа над проектом, плагин для Figma, встроенные формы, внешний хостинг. Персональный тариф на один проект обойдется от $12/месяц, про на 5 — $19/месяц, а план для агентств на 20 проектов — $39/месяц. Есть пробный период.

Читаем и смотрим

На Hard client вышла подборка советов при разработке шага оплаты картой и окончания заказа — выбора даты и места доставки. Опять же полезно не только ребятам из e-commerce, но и всем, кто что-то продает в своих продуктах.

Новая статья в блоге Learn UI про 37 способов сделать «дизайнисто». Опытные дизайнеры скорее всего знакомы со многими приемами, а вот начинающим и не-дизайнерам очень поможет. Вдобавок посоветуем книгу Refactoring UI. Там похожий контент, но на чуть более базовом уровне — самое то, чтобы вкатиться в UI.

Если делаете сайты на Readymag, то в помощь уже собранная библиотека компонентов. Вдохновиться, впрочем, тоже помогает.

Подборка классных первых экранов на Draftss.

Обновляемая коллекция шрифтовых пар Font Buddies.