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

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

Bibbble @klautobuss

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

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

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

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

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

Первый экран

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

Шапка сайта

О компании

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

CTA

Цены

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

FAQ

Новости

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

Этапы

События

Отзывы

Блог

Контакты

Партнеры

Команда

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

Подвал сайта

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

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

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

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

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

Есть и такое:

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

Результат:

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

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

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

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

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

0
7 комментариев
Написать комментарий...
Okunaet Design Agency

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

Ответить
Развернуть ветку
Кирилл Броворец
Автор

Done 👌

Ответить
Развернуть ветку
Okunaet Design Agency

Спасибо большое :)

Ответить
Развернуть ветку
Алексей Галкин

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

Ответить
Развернуть ветку
Кирилл Броворец
Автор

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

Ответить
Развернуть ветку
Александр Львов

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

Ответить
Развернуть ветку
Кирилл Броворец
Автор

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

Ответить
Развернуть ветку
4 комментария
Раскрывать всегда