Tildify

Tracking since Apr 9, 2026.

Changelog

• Apr 18, 2026
  description

  Превратите ваши дизайны из Figma в полноценные страницы Tilda Zero Block за секунды.
  
  ## КЛЮЧЕВЫЕ ВОЗМОЖНОСТИ
  
  • НЕ НУЖЕН FIGMA ТОКЕН!! — полная поддержка импорта для бесплатных аккаунтов Figma
  • ПОЛНОЦЕННЫЙ БУФЕР ОБМЕНА между Figma и Tilda.
  • Pixel-Perfect импорт — Сохранение точных размеров, цветов и отступов из Figma
  • Полная адаптивность — Импорт нескольких артбордов (Desktop, Tablet, Mobile) с автоматической настройкой breakpoints
  • Конверсия Auto Layout — Figma Auto Layout → Tilda Flexbox группы
  • Импорт палитры — Извлечение и импорт цветовых стилей прямо в Tilda
  • Layout Grids — Автоматический перенос системы сеток из Figma в Tilda
  • Без ручной работы — Всё автоматизировано - просто выберите фрейм и импортируйте
  
  ## СИСТЕМА КОМПОНЕНТОВ
  ✓ Создавайте компоненты, инстансы и работайте с ними как в Фигме!
  
  ## КАК ЭТО РАБОТАЕТ
  
  ### Шаг 1: Экспорт из Figma
  1. Установите плагин Tildify Validator в Figma (доступен в Figma Community)
  2. Откройте ваш дизайн в Figma
  3. Запустите плагин и выберите фреймы для экспорта
  4. Нажмите «Экспорт» - плагин создаст ID импорта
  5. Скопируйте ID импорта из плагина
  
  ### Шаг 2: Импорт в Tilda
  1. Откройте Tilda Zero Block Editor на вашем сайте
  2. Нажмите на иконку расширения Tildify в левом верхнем меню
  3. Вставьте скопированный ID импорта в поле «ID импорта»
  4. Настройте параметры импорта (при необходимости)
  5. Нажмите «Импорт»
  6. Ваш дизайн появится в Tilda Zero Block - готовый к использованию!
  
  ## ЧТО ИМПОРТИРУЕТСЯ
  
  ✓ Фреймы и Auto Layout
  ✓ Текст со всем форматированием (шрифты, размеры, цвета, line-height)
  ✓ Изображения (JPG, PNG, SVG)
  ✓ Цвета и градиенты
  ✓ Рамки и тени
  ✓ Адаптивные брейкпоинты (Desktop, Tablet, Mobile)
  ✓ Настройки сетки (колонки, отступы, margins)
  ✓ Прозрачность и режимы наложения
  ✓ Скругление углов и эффекты
  
  
  ## КОНФИДЕНЦИАЛЬНОСТЬ И БЕЗОПАСНОСТЬ
  
  • Без токенов Figma — Больше не нужен Figma API токен, всё работает через плагин, полная поддержка импорта для бесплатных аккаунтов Figma
  • Авторизация без пароля — Вход через email с одноразовым кодом
  • HTTPS шифрование — Все запросы защищены
  • Данные не передаются третьим лицам — Полное соответствие GDPR
  
  ## ТРЕБОВАНИЯ
  
  • Плагин Figma — Tildify Validator (установка из Figma Community)
  • Аккаунт Tildify — Бесплатная регистрация на tildify.ru
  • Аккаунт Tilda — С доступом к Zero Block
  • Браузер Chrome — Версия 88+ (или браузеры на основе Chromium)
  
  ## ПОДДЕРЖКА
  
  Нужна помощь? Посетите https://tildify.ru
  Документация: https://tildify.ru/import-rules
  Поддерживаемые объекты: https://tildify.ru/supported-objects
  
  ---
  Сделано с ❤️ для дизайнеров и разработчиков, которые ценят своё время.

  Превратите ваши дизайны из Figma в полноценные страницы Tilda Zero Block за секунды.
  
  ## КЛЮЧЕВЫЕ ВОЗМОЖНОСТИ
  
  • НЕ НУЖЕН FIGMA ТОКЕН!! — полная поддержка импорта для бесплатных аккаунтов Figma
  • ПОЛНОЦЕННЫЙ БУФЕР ОБМЕНА между Figma и Tilda.
  • Pixel-Perfect импорт — Сохранение точных размеров, цветов и отступов из Figma
  • Полная адаптивность — Импорт нескольких артбордов (Desktop, Tablet, Mobile) с автоматической настройкой breakpoints
  • Конверсия Auto Layout — Figma Auto Layout → Tilda Flexbox группы
  • Импорт палитры — Извлечение и импорт цветовых стилей прямо в Tilda
  • Layout Grids — Автоматический перенос системы сеток из Figma в Tilda
  • Без ручной работы — Всё автоматизировано - просто выберите фрейм и импортируйте
  
  ## СИСТЕМА КОМПОНЕНТОВ
  ✓ Создавайте компоненты, инстансы и работайте с ними как в Фигме!
  
  ## СИСТЕМА ГОТОВЫХ ЭЛЕМЕНТОВ - АККОРДЕОНЫ, СЛАЙДЕРЫ, ТАБЫ
  ✓ Создавайте элементы в Фигме и импортируйте рабочие объекты без лишних хлопот.
  
  ## КАК ЭТО РАБОТАЕТ
  
  ### Шаг 1: Экспорт из Figma
  1. Установите плагин Tildify Validator в Figma (доступен в Figma Community)
  2. Откройте ваш дизайн в Figma
  3. Запустите плагин и выберите фреймы для экспорта
  4. Нажмите «Экспорт» - плагин создаст ID импорта
  5. Скопируйте ID импорта из плагина
  
  ### Шаг 2: Импорт в Tilda
  1. Откройте Tilda Zero Block Editor на вашем сайте
  2. Нажмите на иконку расширения Tildify в левом верхнем меню
  3. Вставьте скопированный ID импорта в поле «ID импорта»
  4. Настройте параметры импорта (при необходимости)
  5. Нажмите «Импорт»
  6. Ваш дизайн появится в Tilda Zero Block - готовый к использованию!
  
  ## ЧТО ИМПОРТИРУЕТСЯ
  
  ✓ Фреймы и Auto Layout
  ✓ Текст со всем форматированием (шрифты, размеры, цвета, line-height)
  ✓ Изображения (JPG, PNG, SVG)
  ✓ Цвета и градиенты
  ✓ Рамки и тени
  ✓ Адаптивные брейкпоинты (Desktop, Tablet, Mobile)
  ✓ Настройки сетки (колонки, отступы, margins)
  ✓ Прозрачность и режимы наложения
  ✓ Скругление углов и эффекты
  
  
  ## КОНФИДЕНЦИАЛЬНОСТЬ И БЕЗОПАСНОСТЬ
  
  • Без токенов Figma — Больше не нужен Figma API токен, всё работает через плагин, полная поддержка импорта для бесплатных аккаунтов Figma
  • Авторизация без пароля — Вход через email с одноразовым кодом
  • HTTPS шифрование — Все запросы защищены
  • Данные не передаются третьим лицам — Полное соответствие GDPR
  
  ## ТРЕБОВАНИЯ
  
  • Плагин Figma — Tildify Validator (установка из Figma Community)
  • Аккаунт Tildify — Бесплатная регистрация на tildify.ru
  • Аккаунт Tilda — С доступом к Zero Block
  • Браузер Chrome — Версия 88+ (или браузеры на основе Chromium)
  
  ## ПОДДЕРЖКА
  
  Нужна помощь? Посетите https://tildify.ru
  Документация: https://tildify.ru/import-rules
  Поддерживаемые объекты: https://tildify.ru/supported-objects
  
  ---
  Сделано с ❤️ для дизайнеров и разработчиков, которые ценят своё время.

Permissions & access

Permissions

activeTabscriptingstoragewebRequest

Host access

https://app.tildify.ru/*, https://static.tildacdn.com/*, https://upload.tildacdn.com/*, https://*.tilda.ru/*, https://*.tilda.cc/*, https://*.tilda.ws/*, https://*.tilda.kz/*, https://*.tilda.by/*

Screenshots

Similar extensions

Alternatives to Tildify, ranked by description similarity.

Over.fig – Compare design to website in real time

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

1.0K

★ 4.6

Overlint - Figma Overlay Tool

A pixel-perfect comparison tool to identify discrepancies between Figma designs and implementation

66

Codia AI Web2Figma: Import Web to Editable Figma

Transform the web into your design canvas—no code, no screenshots

3.0K

★ 4.2

Overlayly - Pixel Perfect Design Comparison

Overlay design screenshots on websites for pixel-perfect development. Free and open source.

97

Figma to Bubble Converter

Convert your Figma designs into responsive, pixel-perfect Bubble elements in just a few clicks — for free.

2.0K

★ 5.0

CODIFY DEV

Codify Dev browser extension.

60

腾讯CoDesign HTMLtoDesign

HTMLtoDesign Chrome Extension

1.0K

★ 3.7

Design Diff by Floto

Design Diff by Floto – Spot every visual mismatch between Figma and production

133