{"id":13506,"url":"\/distributions\/13506\/click?bit=1&hash=27fcb5113e18b33c3be66ae079d9d20078d1c30f1b468cdc86ecaeefa18446c2","title":"\u0415\u0441\u0442\u044c \u043b\u0438 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u043e \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438? \u0410 \u0435\u0441\u043b\u0438 \u043d\u0430\u0439\u0434\u0451\u043c?","buttonText":"\u0423\u0436\u0435 \u043d\u0430\u0448\u043b\u0438","imageUuid":"2c16a631-a285-56a4-9535-74c65fc29189","isPaidAndBannersEnabled":false}

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

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

Bibbble @klautobuss

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

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

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

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

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

Первый экран

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

Шапка сайта

О компании

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

CTA

Цены

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

FAQ

Новости

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

Этапы

События

Отзывы

Блог

Контакты

Партнеры

Команда

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

Подвал сайта

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

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

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

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

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

Есть и такое:

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

Результат:

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

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

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

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

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

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

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

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

Done 👌

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

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

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

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

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

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

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

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

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

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

Ответить
Развернуть ветку
Читать все 7 комментариев
null