Зона Джедайста #51

Figma ввела одновременный поиск по проектам, файлам, командам и отдельным людям.

А ещё выкатила поддержку ссылок: как внутренних (на файлы или страницы в них), так и внешних, которые сохраняются при экспорте в PDF. Работают привычные шорткаты: cmd/ctrl+K или cmd/ctrl+V для привязки скопированного адреса к выделенному тексту.

Anima выпустила плагин для Adobe XD. Теперь можно оживить прототипы с помощью видео, гифок, Lottie-анимаций, и живых форм. Туда же добавили совместную работу и комментарии. А ещё есть экспорт в HTML и CSS. На очереди анимация и настройка взаимодействий прямо в плагине и работа с брейкпоинтами.

Image Speed Test проверит скорость загрузки сайта на десктопе и мобилке, сравнит её с конкурентами и подскажет, как увеличить производительность.

В этой статье

Рисуем веселее

Плагин Simplify сделает линии из-под pen tool гладенькими и изящными. Просто мастхэв, если рисуете иллюстрашки в Figma.

Vectonator X3 обрёл светлую тему (неожиданно, правда?), возможность перемещать объекты между артбордами, выбор сразу нескольких слоёв и их копирование/дублирование.

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

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

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

Спецпроект

А ещё обновили линейки и направляющие, добавили поддержку курсора на iPad и предпросмотр в AR.

Pose — веб-приложение, которое помогает выстроить модельку персонажа с нужными параметрами: перспективой и углом, ростом и телосложением — на основе которой можно уже рисовать иллюстрацию. Доступ стоит 29 $.

Работаем продуктивнее

Фреймворк для разработки MVP от Bram Kanstein — чувака, который шарит в запуске стартапов. Если у вас есть кайфовая идея, то этот инструмент поможет оформить её в готовый к запуску эксперимент и сфокусирует внимание на критичных вещах. А если не нравится смотреть видосики, можно статью почитать.

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

Additor Air позволяет работать над общим полем заметок с видеоконференцией бесплатно и без регистрации.

Онлайн-заметочник для совместного использования Supernotes предлагает карточки-заметки. Внутри всё по-взрослому: обсуждение, теги, большая вложенность. Бесплатно можно сделать до 50 таких карточек, а больше — от 370 рублей в месяц.

Presentify — приложение для строки меню macOS, которое поможет проводить презентации (в том числе и онлайновые). Можно рисовать всюду на экране, выделять курсор и комментировать любой экран. Стоит 3 $.

Sondd — красивый файлообменник с загрузкой файлов до 3 Гигабайт.

Упрощаем работу с контентом

В Artboard Studio — инструменте для онлайн-работы с мокапами, о котором писали ранее, — теперь можно анимировать композиции через ключевые кадры. Можно импортировать видео (для фона, например), создать новый ролик из шаблона, настроить перемещения с изингами, а потом экспортировать в MP4, MOV, GIF или WEBM. Есть интеграции с Figma и Sketch, чтобы не рисовать прямо в инструменте.

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

Очень полезный тул для работы с контентом, увеличивающий вдвое или вчетверо разрешение изображений. Бывает, что картинка маленькая, а вставить надо именно её. Чтобы не гневить шакалов, воспользуйтесь бесплатным Smart upscaler от icon8.

Генератор фонов — используйте любые модули (иконки, фигуры, эмодзи, собственные картинки) и играйтесь с их параметрами. Пригодится для всяких баннеров в соцсеточки и не только.

36 паков иллюстраций от неоморфизма и анимированного флэта до абсурдных каракулей в духе MailChimp и 3D-рук. Средняя цена одного набора — 30–35 $, есть бесплатные. А ещё можно приобрести все 2890 иллюстраций и получать новые в течение одного года за 195 $.

Ускоряем проектирование

Frametastic — плагин для Figma, который одним махом создаст нужное количество фреймов с заданными размерами. А ещё автоматизирует создание разноразмерных артбордов с одинаковым содержимым. Последнее полезно при создании различных баннеров с одним и тем же контентом и при рисовании макетов под разные размеры экрана:

собрали, скажем, для пятого айфона;
выделили фрейм;
в плагине указали нужные размеры для остальных фреймов;
запустили — и у вас есть артборды под каждое из устройств.

Только не забудьте привязки настроить.

Похожая штука, только уже для браузера. Everysize поможет протестировать вёрстку на разных разрешениях экрана — и всё в одном окне.

Выберите в сервисе PaletteList два цвета и получите гору палитр с ними.

Модный и цветастый Contra wireframe kit для мобильных варфреймов, чем-то похожий на платный Root. Внутри уже больше
150 компонентов и 50 готовых экранов. Бесплатно качайте под Figma, Sketch, Adobe XD и Invision Studio.

И ещё один UI-kit. На этот раз для Sketch.

Бесплатный UI-кит для дашбордов от Craftwork. Больше 20 карточек, десятки готовых экранов, сет базовых иконок, всё в выделенных стилях. Можно скачать для Figma и Sketch.

А ещё от них же 23 бесплатных иллюстрашки (обещают довести количество до 50–70) для 404 страниц. Может, пригодятся.

Одна мадам не может остановится после челленджа 100 дней UI и на протяжении четырёх лет выкладывает результаты в свободный доступ на UIdesignDaily. Бу! Интересно рассматривать, как что сделано в плане внутренностей: слоёв, эффектов и настроек.

Вдохновляемся

Ecommerce Checklist — набор рекомендаций, основанных на куче A/B-тестов и опыте Shopify. Всё разделено по категориям: для домашней, продуктовой страниц, категорий и корзины.

Условно бесплатный сервис UIsources (у нас открылся из-под VPN) содержит больше 700 скринкастов и 2100 скриншотов, рассортированных по паттернам и категориям. Как раз за использование категоризации придётся заплатить от 8,25 $. Очень крутая штука, которая поможет интерфейсным дизайнерам повысить уровень насмотренности.

Interface In Game — коллекция игровых интерфейсов с разделением по жанрам. Пригодится геймдевам, всяким неигровым дизайнерам (потому что лучшие ходы как всегда находятся на пересечении миров) и просто так позалипать.

Коллекция музыкальных обложек с крутой типографикой.

И на DEADSIGN мы перевели статью про 3D-дизайн и сферы его применения. Читайте, если хотите покорить мир 3D или просто интересуетесь кино- или игровой индустрией.

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