Классический слайдер
Слайдер в Zero-блоке с управлением стрелками и свайпом.
[c-slide][l-#next][l-#prev]Моды для Tilda: слайдеры, табы и аккордеоны прямо из Figma
Модификации Zero-блока превращают статичный блок в рабочий интерфейс. А Arvess переносит их из Figma одним импортом: задайте классы и ссылки префиксами в именах слоёв — остальное сделает плагин.
Как моды переносятся из Figma
Всё завязано на именах слоёв. Две приставки в начале имени: [c-имя] — задаёт элементу класс (например [c-slide]), [l-#якорь] или [l-/ссылка] — задаёт ссылку (например [l-#next]).
При импорте Arvess снимает префиксы и проставляет классы и ссылки прямо в Zero-блоке, а в окне плагина подсвечивает, какую модификацию узнал. Полная инструкция — в статье «Импорт модификаций из Figma в Tilda».
Слайдеры
Слайды со свайпом, стрелками, пагинацией, скроллбаром и нумерацией.
Слайдер в шейпе
Слайдер, который можно разместить внутри одного Zero-блока-шейпа.
[c-slide][c-container][l-#next]Продвинутый слайдер
Слайдер внутри одного блока с точками пагинации и настраиваемым поведением.
[c-slide][c-dot][l-#next]Слайдер со скроллбаром
Продвинутый слайдер с полосой прокрутки и ползунком.
[c-slide][c-scrollbar][c-scrollbar-thumb]Слайдер с нумерацией
Продвинутый слайдер со счётчиком слайдов (текущий / всего).
[c-slide][c-current][c-total]Табы
Переключение вкладок, целых блоков или контента внутри блока.
Классические табы
Вкладки в отдельном блоке + блоки с переключающимся контентом.
[l-#tab][l-#next][l-#prev]Переключатель блоков
Переключение целых Zero-блоков по кнопкам-вкладкам.
[l-#tab][l-#next][l-#prev]Переключатель контента
И вкладки, и контент переключаются внутри одного блока.
[l-#tab][c-tab-elem][c-tab-active]Интерактив и навигация
Аккордеон, тултипы, переворот карточек и шапка с меню.
Аккордеон
Разворачивающиеся карточки внутри одного Zero-блока.
[c-accordion][c-accordion-content]Тултипы
Всплывающие подсказки со своим дизайном и анимацией.
[c-uc-tooltip]Переворот карточек
Анимация переворота карточек по наведению или клику.
[c-uc-flip][c-uc-flip-back][l-#flip]Шапка и меню
Хэдер с настраиваемым меню, бургером и активной страницей.
[c-page][c-submenu][l-#menu]Модификации Zero-блока — разработка Максима Постникова. Arvess распознаёт модификацию в макете и переносит структуру и классы; код и настройки каждого мода — на сайте автора.
Соберите интерактивный блок за минуты
3 дня бесплатно, 20 импортов. Переносите из Figma не только дизайн, но и модификации.
Начать бесплатно