Мощный плагин с референсами для отдельных блоков
Когда делаешь лендос и нужно подобрать реф для блока, который ну никак не получается - приходит на помощь подобная штука
Думаю каждый сталкивался с тем, что в базе референсов не получается найти какой-то конкретный блок, либо он реализован не так, как необходимо для вашего проекта, а с креативом сегодня чет совсем туго…
Или же ты тратишь кучу времени на какие-то незначительные элементы с присущим дизайнеру перфекционизмом, а потом в спешке верстаешь проект лишь бы уложиться в сроки. У меня обычно такое происходит с шапкой сайта)
И вот недавно для меня небольшим открытием и решением этой проблемы стал плагин Bibbble
Удобство в том, что не нужно искать разные рефы полноценных сайтов
Тут уже всё рассортировано по блокам 🔥
Есть такие блоки, как:
Шапка сайта
О компании
Преимущества
CTA
Цены
Заголовки страниц
FAQ
Новости
О компании в цифрах
Этапы
События
Отзывы
Блог
Контакты
Партнеры
Команда
Контентная часть
Подвал сайта
Вот несколько примеров из них:
Как это работает:
Вы выбираете категорию блока - выбираете через превью блока нужный - нажимаете и вам в фигму вставляется скриншот этого блока в высоком разрешении
Да, дизайнить самому всё равно придется :)
Было бы конечно идеально, чтобы импортировался не скриншот, а готовый фрейм, но...
Есть и такое:
Во вкладке header-builder есть мини-конструктор, которые импортирует в фигму уже полностью собранный фрейм. Причем настраивать ты его можешь заранее вплоть до размеров самой шапки и его функционала. Выглядит это так:
Результат:
Надеюсь эта фича сейчас в тестовом режиме и в будущем автор планирует сделать подобное и для других блоков, но как минимум на шапку я уже тратить столько времени не буду.
На этом вроде всё, думаю статья была вам полезна
А ещё я веду блог в инстаграме, подписывайтесь, там планируется много полезного контента :)