⚡️ Relume: от идеи до готового сайта, пока варится кофе
Неделю назад я пообещал Ярославу рассказать о том, как мы в студии используем Relume в процессе проектирования, дизайна и разработки сайтов.
Сказано — сделано!
Я знаю, среди вас много Webflow экспертов и дизайнеров, которые пользуются Relume, но если вдруг вы не знаете что такое [Relume](https://www.relume.io/components) – то это огромная библиотека готовых компонентов (и не только) для Webflow и Figma. В ней есть хедеры, футеры, FAQ секции, формы, и все-все-все что часто используется в современных сайтах.
Сама библиотека, кстати, насчитывает под тысячу компонентов, и каждый месяц добавляется еще с десяток новых.
Так вот, наш сценарий использования Relume выглядит так:
1️⃣ Собрали готовыми блоками вайерфрейм страницы (чаще всего 2-3 вариации)
2️⃣ Выбрали (сами, либо с клиентом) желаемый вариант
3️⃣ Натянули “шкурку”, т.е. стилизовали блоки под бренд клиента (шрифты, цвета, графику, итд)
4️⃣ Сделали UI Kit в Webflow (важно для простоты поддержки и развития сайта. В UI ките задаются стили текста, кнопок, полей ввода, а так же цвета, тенюшки и другие мелочи)
5️⃣ Перенесли дизайн в Webflow, используя Relume блоки.
---
Самое классное, что при использовании Relume не обязательно отрисовывать мобильный лейаут, ибо все блоки сразу идут адаптивные.
Единственным нюансом я бы назвал иногда слишком глубокую вложенность блоков внутри Webflow-компонента. Это обусловлено тем, что все блоки Relum-а сделаны по фреймворку Client First.
В заключении:
Relume не делает всю работу за нас, но сильно экономит время и повышает эффективность работы.
Вместо того чтобы лепить все с нуля, мы подтягиваем уже готовые компоненты и дорабатываем их под конкретные задачи. Это серьезно упрощает процесс.