Red Collar: 17+ свежих инструментов для веб-дизайнеров

Совместная работа и контроль версий

-1-

Avocode — приложение для передачи макетов разработчикам — научилось открывать sketch-файлы на Linux, Windows или macOS без установки самой программы. Дизайнеру теперь не нужно размечать экспортируемые объекты: все рендерится на стороне сервиса, после чего разработчику остаётся выбрать, что экспортировать и в каком формате. Загрузка файлов на сервер тоже происходит ощутимо быстрее.

-2-

Abstract — сервис для совместной работы дизайнеров над sketch-макетами — провёл крупнейшее обновление со своего основания. Полностью переработана навигационная панель, акцент сделан на проекты. Секционно разбито представление о мастер-файлах, есть информация о самом проекте, последней активности и ветках, которые находятся в работе. Полный список изменений — на сайте Abstract.

-3-

Обновился и Plant — инструмент для контроля версий. Авторы поработали над визуальной составляющей сервиса и в целом улучшили скорость работы плагина. Обещают в скором времени расширить и функциональную составляющую инструмента.

User Flow, менеджеры шрифтов и проверка контраста в Chrome

-4-

Overflow — инструмент для создания User Flow. Позволяет легко перелинковать макеты, представить их в виде диаграммы (что давно надо было сделать Marvel и invision) и красиво презентовать клиенту с помощью интерактивных переходов. Открыта запись на закрытое тестирование. Пока работает только под macOS.

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

-5-

Красивый менеджер шрифтов Typeface 2 вышел для macOS. Программа помогает в подборе шрифтов: можно создавать коллекции, ставить теги, сравнивать символы в разных начертаниях. Умеет производить автоматическое включение шрифта: сканирует папку и сам предлагает загрузить его в программу. Бонус для сов: есть ночной режим!

Владельцам других платформ (да и для маководов) советуем посмотреть на не менее мощный Fontbase. Он не такой красивый и нативный, но зато бесплатный.

-6-

В Chrome пипетка научилась считать коэффициент контраста текста к фону. Увеличение коэффициента текстовых элементов поможет сделать сайт более доступным пользователям с нарушениями зрения.

Adobe XD, рутина в Photoshop и YouTube-канал Горбунова

-7-

Апрельское обновление Adobe XD принесло сразу несколько улучшений. Теперь макет, которым ты делишься, можно запаролить. Появился поиск цвета и подготовленных элементов на холсте, улучшилась интеграция с Photoshop, можно открывать sketch-макеты.

-8-

Для веб-дизайнеров, работающих в Photoshop: вышел мощный плагин Pepperbox, который здорово уменьшает количество рутинной работы. Pepperbox в один клик умеет трансформировать каждый выделенный слой по отдельности из центра; превращает выбранные слои в смарт-объекты; изменяет цвет текстов и шейпов на основной; применяет фильтры; переименовывает слои и делает массу других полезностей.

-9-

Павел Горбунов запустил канал на YouTube, где планирует поделиться со зрителями 50 фишками Photoshop. На момент этой записи вышло уже 16 выпусков: гарантируем, что среди них вы найдёте для себя что-то новое.

Beta Sketch и ещё три полезных плагина

-10-

Вышла 50 версия Sketch. Правда, пока в бете. Исправлена куча багов, улучшена работа с символами, градиентами и вообще 

-11-

DeepSelect — быстрый выбор слоёв внутри группы по определённому типу. Например, чтобы разом поменять все слои с 12 шрифтом на 24.

-12-

Style Master — плагин для переименования текстовых стилей. Гораздо удобнее, чем пользоваться стандартной панелькой Sketch. Переименовать можно пакетно — по маске. Незаменимый инструмент для переопределения иерархии текстовых стилей.

-13-

HSL Color Picker for Sketch — пипетка для Sketch, которая работает в цветовой моделей HSL. Отличная вещь для поиска чистых цветов и их оттенков.

Фотосток для коллажей, мокапы в браузере и VR-прототипы

-14-

Фотосток от Icons8. Фотографии отсортированы по типу, а коллекция пополняется одной командой, поэтому стили, свет и фоны фотографий однородны. Очень удобно, когда вам требуется наполнить макет схожими изображениями. Кроме того, поскольку свет на всех фотографиях идентичен, такая коллекция хорошо подойдёт для коллажирования. И всё это бесплатно!

-15-

Artboard Studio — инструмент для создания мокапов прямо в браузере. Интересный сервис, который поможет в демонстрации ваших продуктов или в презентации брендинга клиенту, и никакой Photoshop для этого больше не потребуется. Сделано на базе Mockup Zone.

-16-

Ottifox — приложение, которое умеет создавать VR/AR-прототипы и запускать их в браузере. Интегрировано с Google Poly. Результат работы можно экспортировать в виде HTML CSS-кода и внедрить в свой проект. Приложение работает только на macOS.

-17-

А упомянутая в прошлом выпуске Diya за две недели успела анонсировать своё облако, а затем и выкатила линейку платных тарифов. Теперь презентация анимаций клиенту стала несколько проще, поскольку для каждого проекта генерируется уникальная ссылка, которой можно поделиться.

Читайте также: DIЧ от Red Collar — о смелом дизайне в прямом эфире

Есть тема, в которой вы профи, и хотите выпускать на Cossa собственный дайджест? Пишите, обсудим: news@cossa.ru

Успейте купить корпоративный пакет COSSA-2025 со скидкой!

Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.

Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.

Успейте приобрести пакет до повышения цены!