Tildify — автоматический импорт Figma → Tilda за 10 секунд
Tildify переносит дизайн из Figma в Tilda Zero Block с сохранением всех стилей, адаптивности и эффектов.
Что получаете:
✅ 10+ типов объектов Figma (текст, фигуры, изображения, векторы)
✅ AutoLayout → Flexbox (полная поддержка)
✅ Адаптив из коробки (Desktop, Tablet, Mobile одновременно, из отрисованых адаптивов в Figma)
✅ Все эффекты (тени, blur, градиенты, обводки)
✅ Retina поддержка (1x, 2x, 3x)
✅ Умные теги для контроля экспорта
Как работает:
Скопируйте ссылку на Figma фрейм
Вставьте в расширение
Нажмите "Import"
Готово! Дизайн в Tilda
Бонус:
Включает Figma Plugin (Tildify Validator) для проверки структуры ПЕРЕД экспортом. Находит ошибки заранее и предлагает автоисправления.
Установите расширение: https://tildify.ru
Присоединяйтесь к бета-тестированию! Это бесплатно!
#figma #tilda #webdesign #nocode #вебдизайн
Tildify переносит дизайн из Figma в Tilda Zero Block с сохранением всех стилей, адаптивности и эффектов.
Что получаете:
✅ 10+ типов объектов Figma (текст, фигуры, изображения, векторы)
✅ AutoLayout → Flexbox (полная поддержка)
✅ Адаптив из коробки (Desktop, Tablet, Mobile одновременно, из отрисованых адаптивов в Figma)
✅ Все эффекты (тени, blur, градиенты, обводки)
✅ Retina поддержка (1x, 2x, 3x)
✅ Умные теги для контроля экспорта
Как работает:
Скопируйте ссылку на Figma фрейм
Вставьте в расширение
Нажмите "Import"
Готово! Дизайн в Tilda
Бонус:
Включает Figma Plugin (Tildify Validator) для проверки структуры ПЕРЕД экспортом. Находит ошибки заранее и предлагает автоисправления.
Установите расширение: https://tildify.ru
Присоединяйтесь к бета-тестированию! Это бесплатно!
#figma #tilda #webdesign #nocode #вебдизайн
🎉 Встречайте обновление Tildify 0.9.3!
Новая версия уже доступна в раннем доступе
✨ Что нового:
🎨 Поддержка мульти-теней
Теперь можно добавлять несколько теней к одному объекту в Figma — все они корректно перенесутся в Tilda! Создавайте сложные эффекты глубины и объема без ограничений.
🛠 Обновленный алгоритм импорта градиентов
Полностью переработали механизм переноса градиентов после обновления Tilda. Теперь градиенты импортируются еще точнее и стабильнее, сохраняя все переходы цветов как в оригинальном дизайне.
💬 Есть вопросы или нашли баг? Пишите в чат поддержки!
📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!
#tildify #update #figma #tilda #design
Новая версия уже доступна в раннем доступе
✨ Что нового:
🎨 Поддержка мульти-теней
Теперь можно добавлять несколько теней к одному объекту в Figma — все они корректно перенесутся в Tilda! Создавайте сложные эффекты глубины и объема без ограничений.
🛠 Обновленный алгоритм импорта градиентов
Полностью переработали механизм переноса градиентов после обновления Tilda. Теперь градиенты импортируются еще точнее и стабильнее, сохраняя все переходы цветов как в оригинальном дизайне.
💬 Есть вопросы или нашли баг? Пишите в чат поддержки!
📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!
#tildify #update #figma #tilda #design
Tildify
Tildify - Figma → Tilda за 10 секунд
Автоматический импорт дизайн-макетов из Figma в Tilda Zero Block. Pixel Perfect. Полная адаптивность.
🎉 Новая версия Tildify v0.9.4!
Добавлены экспорт в WebP и настройка компрессии изображений.
📦 Что нового:
✨ Экспорт в WebP
Современный формат с лучшим сжатием
Экономия до 35% по сравнению с JPG/PNG
Поддержка прозрачности
🗜 Настройка компрессии
Бегунок качества от 60% до 100%
Работает для WebP, PNG и JPEG
Уменьшение веса изображений до 10 раз
💡 Как использовать:
Выберите формат WebP, PNG или JPEG
Настройте качество компрессии
Импортируйте — изображения будут оптимизированы
🚀 Результат:
Быстрее загрузка страниц
Меньше трафик
Лучше SEO
Обновите расширение и попробуйте новые возможности! 🎯
Новая функция доступна в Google Web Store!
💬 Есть вопросы или нашли баг? Пишите в чат поддержки!
📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!
#tildify #update #figma #tilda #design
Добавлены экспорт в WebP и настройка компрессии изображений.
📦 Что нового:
✨ Экспорт в WebP
Современный формат с лучшим сжатием
Экономия до 35% по сравнению с JPG/PNG
Поддержка прозрачности
🗜 Настройка компрессии
Бегунок качества от 60% до 100%
Работает для WebP, PNG и JPEG
Уменьшение веса изображений до 10 раз
💡 Как использовать:
Выберите формат WebP, PNG или JPEG
Настройте качество компрессии
Импортируйте — изображения будут оптимизированы
🚀 Результат:
Быстрее загрузка страниц
Меньше трафик
Лучше SEO
Обновите расширение и попробуйте новые возможности! 🎯
Новая функция доступна в Google Web Store!
💬 Есть вопросы или нашли баг? Пишите в чат поддержки!
📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!
#tildify #update #figma #tilda #design
🚀 Обновление до версии 0.9.5
Выпущена новая версия с важными улучшениями и исправлениями!
⚡️ Скорость импорта увеличена
Добавлены новые методы импорта, которые позволили увеличить скорость импорта на 30-50% в зависимости от сложности макета. Теперь ваши проекты переносятся в Tilda быстрее!
📊 Информация о сжатии изображений
После завершения импорта теперь отображается информация о сжатии изображений. Это позволяет быстро оценить эффективность сжатия и размеры итоговых файлов.
🐛 Исправления багов
Исправлен баг с импортом компонентов (COMPONENTS) — теперь они импортируются корректно
Исправлен баг с импортом кнопок, когда у кнопок были скрытые текстовые поля
🔧 Обновлен плагин для Figma - Tildify Validator
Исправлены методы валидации компонентов (COMPONENTS) и экземпляров (INSTANCES) для более точной проверки совместимости с Tilda.
Обновите расширение (если оно не обновилось автоматически) и попробуйте новые возможности! 🎉
#tildify #update #figma #tilda #design #FigmaToTilda
Выпущена новая версия с важными улучшениями и исправлениями!
⚡️ Скорость импорта увеличена
Добавлены новые методы импорта, которые позволили увеличить скорость импорта на 30-50% в зависимости от сложности макета. Теперь ваши проекты переносятся в Tilda быстрее!
📊 Информация о сжатии изображений
После завершения импорта теперь отображается информация о сжатии изображений. Это позволяет быстро оценить эффективность сжатия и размеры итоговых файлов.
🐛 Исправления багов
Исправлен баг с импортом компонентов (COMPONENTS) — теперь они импортируются корректно
Исправлен баг с импортом кнопок, когда у кнопок были скрытые текстовые поля
🔧 Обновлен плагин для Figma - Tildify Validator
Исправлены методы валидации компонентов (COMPONENTS) и экземпляров (INSTANCES) для более точной проверки совместимости с Tilda.
Обновите расширение (если оно не обновилось автоматически) и попробуйте новые возможности! 🎉
#tildify #update #figma #tilda #design #FigmaToTilda
🚀 Глобальное обновление Tildify v0.9.7
Привет! Вышло большое обновление нашего инструмента для импорта дизайна из Figma в Tilda. Теперь работать стало еще проще и удобнее!
━━━━━━━━━━━━━━━━━━━━
🔥🔥 Импорт без токенов Figma🔥🔥
Больше никаких ограничений REST API! Новый механизм выгрузки — работает у всех, даже с бесплатными аккаунтами Figma. Без ограничений.
ЧТО НОВОГО:
✅ Новый Tildify Validator
Обновленный плагин для Figma, который:
• Валидирует дизайн перед экспортом
• Настраивает компрессию изображений (формат, ретина, качество), поддержка webP
• Выгружает дизайн для импорта в расширение
• Экспортирует локальные стили (цвета и типографика) из файла Figma для импорта в настройки проекта (новая функция Тильды)
• Создает ID импорта для использования в расширении
✅ Hover для кнопок
Экспорт состояний Normal/Hover из Figma Component Sets (Вариантов). Теперь кнопки автоматически становятся интерактивными в Tilda!
✅ Иконки для кнопок
Реализована поддержка иконок в кнопках (новая функция Тильды)
✅ Импорт стилей в настройки проекта
Загружайте текстовые и цветовые стили прямо в настройки сайта Tilda и переиспользуйте их по всему проекту.
✅ Установка тегов прямо в Figma
Новая функция в плагине позволяет быстро добавлять специальные теги к слоям одним кликом:
• [button] — создание кнопок Tilda
• [img], [svg], [shape] — контроль формата экспорта
• [png|2], [webp|2] — настройка формата и масштаба
• и другие.
Больше не нужно вручную редактировать имена слоев! Выделяйте сразу несколько однотипных элементов и задавайте тег одним кликом.
📥 Скачать:
• Расширение
• Плагин Figma
После модерации в Google Chrome Market расширение должно автоматически обновиться, пока модерация не прошла — его можно установить со страницы Раннего доступа.
━━━━━━━━━━━━━━━━━━━━
Также на странице Раннего доступа есть ссылка на апдейт старой версии (0.9.6), которая работает с Figma REST API (с ограничениями по запросам к API для бесплатных аккаунтов Figma). Добавлен импорт стилей и поддержка Hover состояний для кнопок. Далее эта версия поддерживаться не будет.
Инструкции и подробности на сайте!
💬 Есть вопросы? Пишите в комментариях!
#Tildify #Figma #Tilda #Дизайн #ВебДизайн
Привет! Вышло большое обновление нашего инструмента для импорта дизайна из Figma в Tilda. Теперь работать стало еще проще и удобнее!
━━━━━━━━━━━━━━━━━━━━
🔥🔥 Импорт без токенов Figma🔥🔥
Больше никаких ограничений REST API! Новый механизм выгрузки — работает у всех, даже с бесплатными аккаунтами Figma. Без ограничений.
ЧТО НОВОГО:
✅ Новый Tildify Validator
Обновленный плагин для Figma, который:
• Валидирует дизайн перед экспортом
• Настраивает компрессию изображений (формат, ретина, качество), поддержка webP
• Выгружает дизайн для импорта в расширение
• Экспортирует локальные стили (цвета и типографика) из файла Figma для импорта в настройки проекта (новая функция Тильды)
• Создает ID импорта для использования в расширении
✅ Hover для кнопок
Экспорт состояний Normal/Hover из Figma Component Sets (Вариантов). Теперь кнопки автоматически становятся интерактивными в Tilda!
✅ Иконки для кнопок
Реализована поддержка иконок в кнопках (новая функция Тильды)
✅ Импорт стилей в настройки проекта
Загружайте текстовые и цветовые стили прямо в настройки сайта Tilda и переиспользуйте их по всему проекту.
✅ Установка тегов прямо в Figma
Новая функция в плагине позволяет быстро добавлять специальные теги к слоям одним кликом:
• [button] — создание кнопок Tilda
• [img], [svg], [shape] — контроль формата экспорта
• [png|2], [webp|2] — настройка формата и масштаба
• и другие.
Больше не нужно вручную редактировать имена слоев! Выделяйте сразу несколько однотипных элементов и задавайте тег одним кликом.
📥 Скачать:
• Расширение
• Плагин Figma
После модерации в Google Chrome Market расширение должно автоматически обновиться, пока модерация не прошла — его можно установить со страницы Раннего доступа.
━━━━━━━━━━━━━━━━━━━━
Также на странице Раннего доступа есть ссылка на апдейт старой версии (0.9.6), которая работает с Figma REST API (с ограничениями по запросам к API для бесплатных аккаунтов Figma). Добавлен импорт стилей и поддержка Hover состояний для кнопок. Далее эта версия поддерживаться не будет.
Инструкции и подробности на сайте!
💬 Есть вопросы? Пишите в комментариях!
#Tildify #Figma #Tilda #Дизайн #ВебДизайн
Figma
Tildify Validator | Figma
Tildify Validator checks your layout, compresses images, and prepares an import link that the Tildify Chrome extension uses to bring your block into Tilda Zero Block.
Key Features:
Responsive Layout Validation – enforces proper Desktop/Tablet/Mobile structureLayer…
Key Features:
Responsive Layout Validation – enforces proper Desktop/Tablet/Mobile structureLayer…
Media is too big
VIEW IN TELEGRAM
Возможности новой версии
🔥 Tildify Validator 2.2 — Плоский режим и мягкая валидация
Вышло обновление плагина для Figma с новыми улучшениями валидации!
🎯 Плоский режим экспорта
Новый режим экспорта, который схлопывает структуру макета до одного уровня. Разгруппировка контейнеров (фреймов, групп, автолэйаутов). Пригодится если нужно перенести адаптив, но структура макета не проходит валидацию, и выдает слишком много ошибок. Если у контейнеров были параметры фона (заливка, обводка, тень) — на их месте создается шейп с теми же параметрами.
В плоском режиме для адаптивов сравниваются только имена слоев (имена могут незначительно отличаться, сравнение по системе "рейтингов").
Если не находим какой-то слой в одном из брейкпоинтов, то данный слой (если есть в других брейкпонитах) скрывается при импорте на нужном брейкпоинте.
💡 Умные подсказки
Предупреждения о большом количестве узлов. Если валидация не проходит в структурном режиме, плагин автоматически подскажет переключиться на плоский режим — это решает 90% проблем!
Обновление расширения до версии 0.9.71 (уже в Chrome Store)
Небольшие багфиксы при обработке поворота объектов.
Если плагин Figma не обновился - перезапустите Фигму.
Если при импорте больших макетов в плоском режиме "подвисает" расширение, нужно немного подождать (процесс выполняется в фоне).
Поправлю в следующей версии внятное отображение прогресса.
💬 Есть вопросы? Пишите в комментариях!
#Tildify #Figma #Tilda #Дизайн #ВебДизайн
Вышло обновление плагина для Figma с новыми улучшениями валидации!
🎯 Плоский режим экспорта
Новый режим экспорта, который схлопывает структуру макета до одного уровня. Разгруппировка контейнеров (фреймов, групп, автолэйаутов). Пригодится если нужно перенести адаптив, но структура макета не проходит валидацию, и выдает слишком много ошибок. Если у контейнеров были параметры фона (заливка, обводка, тень) — на их месте создается шейп с теми же параметрами.
В плоском режиме для адаптивов сравниваются только имена слоев (имена могут незначительно отличаться, сравнение по системе "рейтингов").
Если не находим какой-то слой в одном из брейкпоинтов, то данный слой (если есть в других брейкпонитах) скрывается при импорте на нужном брейкпоинте.
💡 Умные подсказки
Предупреждения о большом количестве узлов. Если валидация не проходит в структурном режиме, плагин автоматически подскажет переключиться на плоский режим — это решает 90% проблем!
Обновление расширения до версии 0.9.71 (уже в Chrome Store)
Небольшие багфиксы при обработке поворота объектов.
Если плагин Figma не обновился - перезапустите Фигму.
Если при импорте больших макетов в плоском режиме "подвисает" расширение, нужно немного подождать (процесс выполняется в фоне).
Поправлю в следующей версии внятное отображение прогресса.
💬 Есть вопросы? Пишите в комментариях!
#Tildify #Figma #Tilda #Дизайн #ВебДизайн