Мощный плагин с референсами для отдельных блоков

Когда делаешь лендос и нужно подобрать реф для блока, который ну никак не получается - приходит на помощь подобная штука

Bibbble <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ftwitter.com%2Fklautobuss&postId=332904" rel="nofollow noreferrer noopener" target="_blank">@klautobuss</a>
Bibbble @klautobuss

Думаю каждый сталкивался с тем, что в базе референсов не получается найти какой-то конкретный блок, либо он реализован не так, как необходимо для вашего проекта, а с креативом сегодня чет совсем туго…

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

И вот недавно для меня небольшим открытием и решением этой проблемы стал плагин Bibbble

Удобство в том, что не нужно искать разные рефы полноценных сайтов

Тут уже всё рассортировано по блокам 🔥

Первый экран
Первый экран

Есть такие блоки, как:

Шапка сайта

О компании

Преимущества

CTA

Цены

Заголовки страниц

FAQ

Новости

О компании в цифрах

Этапы

События

Отзывы

Блог

Контакты

Партнеры

Команда

Контентная часть

Подвал сайта

Вот несколько примеров из них:

Как это работает:

Вы выбираете категорию блока - выбираете через превью блока нужный - нажимаете и вам в фигму вставляется скриншот этого блока в высоком разрешении

Мощный плагин с референсами для отдельных блоков

Да, дизайнить самому всё равно придется :)

Было бы конечно идеально, чтобы импортировался не скриншот, а готовый фрейм, но...

Есть и такое:

Во вкладке header-builder есть мини-конструктор, которые импортирует в фигму уже полностью собранный фрейм. Причем настраивать ты его можешь заранее вплоть до размеров самой шапки и его функционала. Выглядит это так:

Результат:

Сгенерированная плагином шапка
Сгенерированная плагином шапка

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

На этом вроде всё, думаю статья была вам полезна

Я открыт к новым проектам, поэтому связаться со мной можно в Telegram или WhatsApp

А ещё я веду блог в инстаграме, подписывайтесь, там планируется много полезного контента :)

3333
7 комментариев

Всем привет, если не трудно - прочитайте мои статьи и оцените их. Буду безумно благодарен!

1

Ну это будет точно не первый такой конструктор. Но что-то интересное в нем есть

1

Буду благодарен, если поделитесь подобными

Было бы круто взять его за основу и кастомизировать своими наборами референсов

1

Кстати да
Ну всё, теперь ждем умельца, который решится это сделать