Собирай сайт с каталогом готовым блоков под Figma и Webflow

Получите полную свободу дизайна и избавьтесь от проблем с долгой версткой  благодаря простой и сверхгибкой дизайн-системе для Webflow и Figma с сотнями стилей, компонентов и готовых разделов.
попробовать бесплатно
Возможности с каталогом

Сохраните до 90% своего времени на дизайне и верстке

Каталог отлично подходит как дизайнерам в Figma так и верстальщикам в Webflow

Шаг 1
Скопируйте блоки в Figma
Для разработки будущего дизайна сайта соберите структуру в Figma. Это отличный прототип будущего проекта
  • Копирование из каталога секций в Figma простым Ctrl+V (Легко правда?)
  • Меняйте цвета, шрифты, интервалы — все, что хотите
  • Используйте pixel-perfect компоненты, созданные с помощью Auto Layout 3.0
Шаг 2
Измените текст, шрифт, цвет и графику
Вы никак не скованы шаблонами готовых секций, так как можете их видоизменять и дорабатывать по своему усмотрению используя лиш основную структуру.
  • Меняйте и добавляйте блоки в дизайне по своему усмотрению
  • В любой момент вы можете заменить секций на ту, что вам будет более подходить
  • Название секций в Figma полностью совпадает с классами в Webflow
Шаг 3
Можете собирать сайт сразу в Webflow
Скопируете последовательно из каталоге теже секции, что и в структуре проекта и заполните сайт контентом
  • Легко адаптируемые все блоки с заменой цвета, шрифта и графики
  • Все блока уже адаптированы под мобильные устройства разных брекпоинтов
  • Получи сайт, который соответствует вашему дизайну в Figma и останется таковым
Шаг 4
Конвертер и запуск
на хостинге заказчика
Вы можете копировать секции, которые  уже подготовлены для переноса сайта с Webflow на CMS WordPress или October через сервисы нашей команды Web-steps
  • Если вы делает статичный сайт на HTML, то мы поможем вам подключить формы обратной связи
  • На базе WordPress развернуть любой проект по степени сложности от блога до интернет-магазина
  • Используя October вы можете развернуть проект управлением контентом сайта, корзиной и каталогом товаров
1 500 ₽/ в месяц
Приостановка подписки без потери проектов
Полный доступ ко всем курсам клуба
Полный доступ к каталогу секций
Полный доступ ко всем конвертерам
Поддержка по вашим проектам

Стоимость полного доступа к курсам и сервисам клуба Web-steps

Возможность оплаты как внутри РФ, так и зарубежными картами. Для  оплаты перейдите по кнопке ниже и выберите мессенджер в котором бот выдаст вам персональную ссылку на оплату.

ОПЛАТИТЬ ДОСТУППРОБНЫЙ ДОСТУП БЕСПЛАТНО
FAQ

FAQ частые вопросы

Тут мы собрали самые частые вопросы о каталоге секций

Как скопировать секцию из каталога в Figma?
Перейдите в каталог секций, выберите нужный блок и нажмите кнопку "Figma". Затем перейдите в Figma и нажмите комбинацию клавиш Ctrl+V (Win) Command+V (Mac) и секция будет добавлена
Как скопировать секцию из каталога в Webflow?
Перейдите в каталог секций, выберите нужный блок и нажмите кнопку в заивисимости от типа конвертера "WtL" (Webflow без меток), "WtO" (метки October) или "WtW" (метки WordPress). Затем перейдите в Webflow и нажмите комбинацию клавиш Ctrl+V (Win) Command+V (Mac) и секция будет добавлена
Как часто пополняется каталог блоков?
Новые секции добавляются каждую неделю в несколько этапов. Сначало добавляется в Figma, а затем доверстывается в Webflow с подготовкой секций с метками. Все новости по добавлению смотрите в закрытом телеграм канале участников клуба.
Можно вас попросить добавить секции, которые нужны мне?
Вы можете отправить запрос на добавлении ваших секций через службу поддержки. Но они будут проверены на качество относительно дизайна и композиции. Если соответствуют правилам, то будут сверстаны и добавлены
Можно исполизовать каталог если я буду собирать дизайн сразу в Webflow?
Да, так многие делают. Но оптимально собирать дизайн в figma, а затем переносить в Webflow.