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

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

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

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

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

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

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

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

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

  • Экраны или элементы выделены
  • Ширина соответствует брейкпоинту
  • Шрифты подключены в Tilda
03

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

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

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

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

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

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