Cool джедайст #39 — Строй Сам

Обновлений инструментов не так уж много, поэтому посмотрим на уже ставшие обыденностью выпуски паков иллюстраций и уделим время другим аспектам дизайнерской работы. Это значит, что пришло время для 39 дайджеста, небольшого (всё-таки за окном прохладно), но крутого. Рванули!

В этой статье

Новинки-новиночки

Builder X — очередная попытка совместить графический редактор и React, да ещё и в браузере. Внутри импорт из Sketch, flex layout, библиотека и экспорт компонентов. Поддерживает React, React Native и Flutter, позволяет делать пока что только мобильные приложения. Есть месячный пробный период, а после — либо 15 $ в месяц по индивидуальной подписке, либо 20 $ за человека в месяц для команд.

Figma запустила Community — эдакий гибрид Dribble и GitHub. Тема интересная, но спорная.

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

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

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

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

Спецпроект

На бету, которая будет длиться пару месяцев, записаться можно тут. Уже есть профили Dropbox и Slack.

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

Недавно вышел учебник React от Framer X для дизайнеров. Естественно на инглише. Потому что учиться в код полезно каждому веб-дизайнеру, ведь большинство инструментов не дадут тебе почувствовать сопротивление среды, для которой ты рисуешь свои макетики. Можно даже рассматривать работу с React, как один из способов high-fidelity прототипирования. Также этот дружок применяется в куче дизайнерских инструментов «нового поколения», дающих более полное понимание устройства и поведения лэйаутов.

Сам Framer X в 46 версии обзавёлся панелькой с пакетами компонентов, которые можно подтянуть из большой общей библиотеки.

Плагин для Figma Product Planner призван перенести в редактор ещё пласт командной работы с 17 шаблонами, среди которых SMART-цели, диаграмма Ганта, роадмап и канбан-доска.

Более полутора тысяч (!) плагинов для Sketch, AdobeXD, Figma собрали в Awesome Design Plugins. Внутри категоризация и поиск. А ещё там есть вкладка с инструментами.

Паки иллюстраций и работа с цветами

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

Vector Illustration Creator — конструктор иллюстраций от icons8. Внутри более 3000 элементов, 12 стилей, много-много шаблонов. Скоро можно будет грузить собственные картинки. Есть выгрузка в PNG, а SVG-экспорт идёт вместе с подпиской на icons8.

Curls, веб-инструмент для работы с цветовыми палитрами, разжился десктопной версией под macOS.

И напоследок перевод в DEADSIGN: статья о гайдлайнах по кеглям для Roboto в рамках материального дизайна. Пригодится тем, кто работает в дизайне мобильных приложений. Автор материала — Эрик Кеннеди.

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

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