Все материалы

Figma → Tilda Zero Block: полный маршрут без ручной пересборки

От структуры Frame до проверки опубликованной страницы: что подготовить, куда нажать и где искать результат.

Как связаны сайт, плагин и расширениеКак подготовить адаптивыКак проверить импорт
01

Три части одного процесса

Плагин читает выбранные Frame в Figma и собирает локальный пакет. Расширение работает внутри редактора Zero Block и превращает пакет в элементы Tilda. Сайт хранит только аккаунт, лимит и историю операций — содержимое макета в базу не отправляется.

  • Установите плагин TildEka
  • Установите расширение Chromium
  • Авторизуйте расширение через сайт
02

Подготовьте исходник

Соберите версии 1200, 960, 640, 480 и 320 px в одном родительском Frame. Одинаковые элементы на разных ширинах называйте одинаково, а внутри одного экрана избегайте дублей. Это позволяет синхронизировать элемент, не угадывая его по координатам.

  • Каждый экран — Frame, а не Group
  • Ширина Frame равна брейкпоинту
  • Шрифты подключены в Tilda
03

Соберите и перенесите пакет

Выделите общий контейнер, запустите диагностику и исправьте только ошибки, помеченные как блокирующие. Затем нажмите «Обновить, синхронизировать и скопировать». В Zero Block откройте TILDEKA и выберите импорт из буфера — Ctrl+V не нужен.

  • Не закрывайте редактор во время импорта
  • Дождитесь сообщения о завершении
  • Сохраните Zero Block
04

Проверьте результат

Откройте каждый брейкпоинт, сравните текстовые переносы, изображения и позиционирование. После публикации проверьте ссылки и интерактивы. В кабинете должна появиться операция, а бесплатный остаток уменьшится только после успешного завершения.

  • Desktop, tablet и mobile
  • Hover и клики
  • История и остаток в кабинете