Figma / Pixso → Tilda Zero Block

Дизайн готов.
Вёрстка — тоже.

TildEka переносит адаптивные макеты в Zero Block одним копированием — вместе с текстом, изображениями, SVG, эффектами, сетками и интерактивами.

15 импортов бесплатно · без ограничения по времени

Figma / Pixso
TildEka
Tilda
Пакет готов
01Изображения загружаются автоматически
02Любые брейкпоинты 320–2560 px
03Текст остаётся редактируемым
Без лимитафайлов в одном пакете
3режима импорта изображений
100%геометрии после повторного открытия
Было → стало

Рутина остаётся в прошлом

TildEka убирает повторную вёрстку, но оставляет тебе контроль над каждым пикселем.

Без TildEka
  • ×20–40 минут на один адаптивный блок
  • ×3–5 дней ручной вёрстки лендинга
  • ×Повторная проверка каждого слоя
С TildEka
  • Один пакет для всех брейкпоинтов
  • Импорт за секунды, без повторной сборки
  • Проверка до и после импорта
Быстрый старт

Три шага — и блок в Zero Block

Выделите нужные слои или адаптивные экраны в Figma/Pixso, скопируйте пакет и нажмите кнопку TILDEKA в Zero Block.

01

Установите дополнения

Плагин Figma/Pixso и расширение Chromium — авторизуйтесь под единым аккаунтом.

02

Выделите любые элементы или экраны

Кнопки, карточки, текст, вектор, Auto Layout или адаптивные брейкпоинты.

03

Импортируйте кнопкой TILDEKA

В редакторе Zero Block нажмите кнопку TILDEKA и выберите «Импортировать пакет из буфера».

Все функции в действии

Любые элементы, сетки и интерактивы

Переносите не только целые экраны, но и любые отдельные элементы: кнопки, текст, вектор, Auto Layout и готовые интерактивы с адаптивностью 1200..320 px.

Любые элементы или экраныВыделите одиночные кнопки, текст, карточки, векторные группы, Auto Layout или адаптивные экраны под брейкпоинты 1200..320.
  • Одиночные кнопки, текст, карточки, группы или 5 адаптивных экранов
  • Auto Layout → нативный Flex с сохранением gap, padding и выравниваний
  • Интерактивы без стороннего кода: слайдер со скроллбаром, табы, аккордеон
Интерфейс плагина TildEkaFigma и Pixso
Скриншот TildEka: авторизация, синхронизация, копирование пакета и готовые компоненты
Снимок интерфейса из релизного пакета плагина.В полном размере
Проверено в проекте

Сложные вещи тоже не прячем

Не обещания, а конкретные проверки из текущей технической базы TildEka.

01

Изображения

Плагин собирает все уникальные изображения выбранного макета. Контрольный сценарий из 35 файлов прошёл загрузку и финализацию.

Figma / Pixso → Tilda

Перенос дизайна в Zero Block без ручной пересборки

TildEka закрывает весь маршрут от исходного макета до редактируемого блока: структура, контент, медиа, адаптивность и интерактивность.

Figma и Auto Layout

Импортируйте Frame, группы, компоненты, кнопки, текст, списки, SVG, градиенты, эффекты и Auto Layout. Gap, padding и выравнивания превращаются в редактируемую структуру Tilda.

Все поддерживаемые элементы →

Pixso и единый пакет

Плагин Pixso собирает тот же пакет TildEka: изображения WebP, вектор, стили и геометрию можно перенести в Zero Block через общее расширение браузера.

Импорт из Pixso →

Адаптивы и интерактивы

Переносите брейкпоинты 1200, 960, 640, 480 и 320 px, а также слайдеры, табы и аккордеоны. Текст и элементы остаются доступными для редактирования.

Подготовка адаптивов →
FAQ

Часто спрашивают

Короткие ответы на главные вопросы перед первым импортом.

Нужен ли платный аккаунт Figma?

Нет. TildEka работает локально и не использует Figma API, токены или платную подписку.

Что переносится из Figma в Tilda?

Текст, mixed styles, списки, фигуры, эффекты, SVG, Auto Layout, группы, сетки, изображения и маркеры интерактивов.

Что происходит с изображениями?

В Beta 0.2.3 есть три режима: автоматическая загрузка WebP, нативные блоки нужного размера для ручной загрузки и полный пропуск растров.

Работает ли Pixso?

Да. Pixso использует тот же экспортёр, отдельный manifest и общий пакет TildEka.

Что делать, если что-то не импортировалось?

Проверьте уникальность имён слоёв, подключённые шрифты в Tilda и выберите подходящий режим импорта (умная синхронизация, добавление или замена). Полная инструкция — в Guide.

Финальный шаг

Сохрани часы на каждом проекте

Установи плагин Figma и расширение браузера, затем собери первый Zero Block.

Открыть установку