Tildify Chrome extension icon

Tildify

👥 4K+ users
📦 v2.0.0
💾 310KiB
📅 2026-06-16
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Превратите макеты из Figma и HTML-блоки из ИИ-генераторов сайтов в полноценные Tilda Zero Block за секунды.

## КЛЮЧЕВЫЕ ВОЗМОЖНОСТИ

• Импорт из Figma без Figma API token — работает с бесплатными аккаунтами Figma
• Vibe → Zero — перенос HTML-блоков из ИИ-генераторов сайтов в Tilda Zero Block
• Полноценный буфер обмена между Figma и Tilda
• Pixel-perfect импорт — точные размеры, цвета, отступы и позиционирование
• Адаптивный импорт — перенос версий Desktop, Tablet, Mobile и других ширин
• Auto Layout → Flex-группы Tilda — сохранение логики автолэйаутов
• Импорт форм — поля, подписи, кнопки и стили форм переносятся в Zero Block
• Hover-состояния — импорт интерактивных кнопок и элементов с состояниями наведения
• Импорт палитры — перенос цветовых стилей в настройки Tilda
• Layout Grids — перенос сеток, колонок, отступов и направляющих
• Минимум ручной работы — подготовьте макет, получите ID импорта и вставьте его в Tilda

## ИМПОРТ ИЗ ИИ-ГЕНЕРАТОРОВ САЙТОВ

Tildify помогает переносить HTML-блоки, созданные в ИИ-инструментах и конструкторах сайтов, в Tilda Zero Block.

Вы можете выбрать готовый блок на опубликованной странице, получить ID импорта и вставить его в Tilda через расширение.

Подходит для:
✓ Tilda Vibe Block
✓ Figma Make
✓ Lovable
✓ Vercel V0
✓ Bolt, Replit и похожих ИИ-конструкторов
✓ локальных HTML-прототипов и страниц предпросмотра

## СИСТЕМА КОМПОНЕНТОВ

✓ Создавайте компоненты и инстансы и работайте с ними в Tilda почти как в Figma.
✓ Переносите повторяющиеся элементы быстрее и поддерживайте единую структуру блоков.

## ГОТОВЫЕ ИНТЕРАКТИВНЫЕ ЭЛЕМЕНТЫ

Tildify поддерживает импорт рабочих элементов из Figma в Tilda:

✓ Слайдеры
✓ Аккордеоны
✓ Табы
✓ Модуль сравнения
✓ Таймеры

Создавайте структуру в Figma, импортируйте в Tilda и настраивайте результат уже в Zero Block.

## КАК ЭТО РАБОТАЕТ: FIGMA → TILDA

### Шаг 1: Экспорт из Figma
1. Установите плагин Tildify Validator из Figma Community
2. Откройте макет в Figma
3. Запустите плагин и выберите фреймы для экспорта
4. Нажмите «Экспорт» — плагин создаст ID импорта
5. Скопируйте ID импорта

### Шаг 2: Импорт в Tilda
1. Откройте Tilda Zero Block
2. Запустите расширение Tildify
3. Вставьте ID импорта
4. Настройте параметры при необходимости
5. Нажмите «Импорт»
6. Макет появится в Zero Block и будет готов к редактированию

## КАК ЭТО РАБОТАЕТ: HTML-БЛОК → ZERO BLOCK

1. Откройте страницу с готовым HTML-блоком
2. Запустите расширение Tildify
3. Выберите нужные ширины экранов
4. Нажмите «Выбрать блок»
5. Кликните по нужной секции на странице
6. Tildify создаст ID импорта
7. Вставьте ID в Tilda Zero Block через расширение

## ЧТО ИМПОРТИРУЕТСЯ

✓ Фреймы, группы и Auto Layout
✓ Текст и форматирование
✓ Изображения JPG, PNG, SVG
✓ Цвета, градиенты и стили
✓ Рамки, тени, прозрачность и эффекты
✓ Скругления углов
✓ Адаптивные версии макета
✓ Layout Grids, колонки и отступы
✓ Формы и поля форм
✓ Hover-состояния кнопок и элементов
✓ Интерактивные элементы Tildify Elements

## КОНФИДЕНЦИАЛЬНОСТЬ И БЕЗОПАСНОСТЬ

• Без Figma API token — импорт работает через плагин Tildify Validator
• Поддержка бесплатных аккаунтов Figma
• Авторизация через email с одноразовым кодом
• Защищенные HTTPS-запросы
• Данные не передаются третьим лицам

## ТРЕБОВАНИЯ

• Плагин Figma — Tildify Validator
• Расширение Tildify для Chrome
• Аккаунт Tildify
• Аккаунт Tilda с доступом к Zero Block
• Chrome или браузер на Chromium

## ПОДДЕРЖКА

Сайт: https://tildify.ru
Документация: https://tildify.ru/import-rules
ИИ-генераторы в Tilda: https://tildify.ru/ai-to-tilda
Поддерживаемые объекты: https://tildify.ru/supported-objects

---
Tildify создан для дизайнеров, разработчиков и команд, которые хотят быстрее переносить идеи в Tilda и меньше заниматься ручной пересборкой.

Tags

Productivity/developer design productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer