Джедайст: 10 свежих инструментов для веб-дизайна

Новый уровень интерактива во Framer

Framer растёт не по дням, а по часам: в последних обновлениях появились экспорт веб-превью, сортировка вложенных компонентов, а также «самый интерактивный инструмент» — Page Tool. Он выводит прототипирование на новые высоты, позволяя выйти за рамки простых вертикальных и горизонтальных переходов по жестам. По сути, это плейсхолдер для вложенных фреймов.

Работает просто: объявляем page → перетаскиваем от него мультиконнектор к другим фреймам → открываем предварительный просмотр. Доступно несколько эффектов для анимации перехода. Штука интересная чисто как вау-фича, но, будучи подкреплённой данными, и правда может превратиться в мощный инструмент для создания больших продуктов.

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

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

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

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

Framer

Небольшой апдейт у нашей любимой Figma — добавили Arc Tool: рисуем кружок, перетаскиваем точки — диаграмма готова!

Figma

DesignBase позиционируется как дизайнерский агрегатор всего необходимого. Внутри — курируемые разделы по разным направлениям: от стоков до вдохновляющих референсов.

DesignBase

Больше цвета!

Цветовой генератор Palx работает невероятно просто: вводим единственное цветовое значение (к примеру, цвет бренда), а на выходе получаем полную палитру для интерфейса или визуализации данных, которая хорошо с этим цветом работает.

Будущее уже тут

Пока весь мир только снимает фильмы о киберпанке, кто-то уже представляет технологии из 2049. Лютая штука прямиком из будущего! Spatial — инструмент для коллаборации с AR. Можно сколь угодно долго шутить про киберпанк, который мы заслужили, но это действительно круто:

I’ll morph to someone else

Крутой опенсорсный инструмент Morph позволяет замутить анимации и интерактивные визуализации из данных. Страшно красиво:

Коллаборируем с комфортом

Инструмент Cleverstack использует итеративное мышление для принятия лучших решений. Делаем предположение, накидываем идеи, а потом голосуем за них, дабы определить лучшие. Можно использовать самому и с командой.

Для спидартов

Для тех, кто любит похвастать своим воркфлоу, крутой плагин для Sketch — Timelapse. Делает кадр каждые шесть секунд при наличии изменения и активном окне, а потом монтирует всю сессию в .mov. В рамках бесплатной версии доступна запись длиной в час с водяным знаком. За двенадцать долларов знак волшебным образом пропадёт и длина записи увеличится до 12 часов.

Красиво, но беспощадно

Savee.it — модный сервис для составления мудбордов; можно синхронизировать с Dropbox. Бесплатный аккаунт предлагает сохранение до тысячи изображений в 20 коллекциях.

Мы установили тебе монитор...

Avocode дополнился версионностью и функционалом прототипирования — ничего сверх ожиданий: та же работа с хотспотами плюс возможность поделиться по ссылке. Непонятно, правда, зачем ¯\_(ツ)_/¯

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.

Фото на тизере: Victor Rodriguez