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 #Дизайн #ВебДизайн
🚀 Tildify 0.9.8 — Кардинальное обновление архитектуры
Полностью переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
Установить плагин
Установить расширение
⚠️ Важно: Это переходная версия. Новый импорт доступен по кнопке "Экспорт в Tilda NEW", старый импорт также остается доступным для обратной совместимости. Позже останется только новый.
ЧТО НОВОГО:
⏰ Импорт за секунды
Кардинально переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
⚠️ Не перегружайте макет, Тильда может долго отрисовывать ZeroBlock после обновления страницы после импорта, если в макете много групп и автолэйаутов.
🖥 Улучшена обработка элементов
Значительно улучшена обработка всех типов элементов: фреймов, групп, текста, изображений. Элементы теперь импортируются более точно и корректно.
🎨 Автоматическая конвертация прозрачных цветов
Tilda не поддерживает прозрачные цвета в заливках. Добавлена опция автоматической конвертации прозрачного цвета в градиент с прозрачностями для сохранения визуального эффекта.
📐 Обработка автолэйаутов-свойств артборда
Добавлена обработка автолэйаут свойств артборда. Если у артборда установлен режим HUG, автоматически включается автовысота в Tilda для корректного отображения контента. Пока только в одиночном импорте, в адаптиве добавлю позже.
🎯 Умная обработка фреймов с отступами
Раньше фреймы с отступами преобразовывались в группы, которые схлопывались. Теперь создается автолэйаут с абсолютным позиционированием объектов, с сохранением свойств заливки и обводки контейнера — как результат, полностью сохраняется внешний вид элементов дизайна.
🔘 Улучшена обработка кнопок
Значительно улучшена обработка кнопок: более точное определение состояний, корректная работа с текстом и стилями, улучшенная поддержка интерактивности.
⚠️ Важно: Если у вас не обновилась версия, перезапустите браузер, или обновите вручную на странице настроек расширений chrome://extensions
Если плагин в Figma версии меньше 2.3, перезапустите Фигму, если у вас приложение, или закройте и откройте вкладку, если в браузере.
#Tildify #Figma #Tilda #Дизайн #Импорт
Полностью переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
Установить плагин
Установить расширение
⚠️ Важно: Это переходная версия. Новый импорт доступен по кнопке "Экспорт в Tilda NEW", старый импорт также остается доступным для обратной совместимости. Позже останется только новый.
ЧТО НОВОГО:
⏰ Импорт за секунды
Кардинально переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
⚠️ Не перегружайте макет, Тильда может долго отрисовывать ZeroBlock после обновления страницы после импорта, если в макете много групп и автолэйаутов.
🖥 Улучшена обработка элементов
Значительно улучшена обработка всех типов элементов: фреймов, групп, текста, изображений. Элементы теперь импортируются более точно и корректно.
🎨 Автоматическая конвертация прозрачных цветов
Tilda не поддерживает прозрачные цвета в заливках. Добавлена опция автоматической конвертации прозрачного цвета в градиент с прозрачностями для сохранения визуального эффекта.
📐 Обработка автолэйаутов-свойств артборда
Добавлена обработка автолэйаут свойств артборда. Если у артборда установлен режим HUG, автоматически включается автовысота в Tilda для корректного отображения контента. Пока только в одиночном импорте, в адаптиве добавлю позже.
🎯 Умная обработка фреймов с отступами
Раньше фреймы с отступами преобразовывались в группы, которые схлопывались. Теперь создается автолэйаут с абсолютным позиционированием объектов, с сохранением свойств заливки и обводки контейнера — как результат, полностью сохраняется внешний вид элементов дизайна.
🔘 Улучшена обработка кнопок
Значительно улучшена обработка кнопок: более точное определение состояний, корректная работа с текстом и стилями, улучшенная поддержка интерактивности.
⚠️ Важно: Если у вас не обновилась версия, перезапустите браузер, или обновите вручную на странице настроек расширений chrome://extensions
Если плагин в Figma версии меньше 2.3, перезапустите Фигму, если у вас приложение, или закройте и откройте вкладку, если в браузере.
#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…
❤4🔥1🙏1
🚀 Обновление Tildify v0.9.85 + Плагин Tildify Validator 2.45
🔥 РЕЖИМ БУФЕРА ОБМЕНА!
Теперь импорт из Figma в Tilda — это один клик! Копируйте элементы в Figma и вставляйте прямо в Tilda через буфер обмена. Никаких промежуточных шагов — просто копируй и вставляй! ✨Не нужно разбивать дизайн на блоки. Просто выделяйте необходимые блоки, картинки и элементы. Картинки автоматически загружаются в Тильду с параметрами из настроек экспорта (сжатие, формат, ретина). Для работы с буфером необходимо сгенерировать ID буфера в плагине и указать его в настройках расширения. Предусмотрен "мини"-режим интерфейса, чтобы ничего лишнего.
📦 Что ещё нового:
✅ Исправлен баг с импортом стилей в настройки проекта.
Стили нельзя было применить. Теперь текстовые и цветовые стили работают корректно.
✅ Импорт из секции SECTION
Можно импортировать элементы из секций в Figma
✅ Поддержка гиперссылок в тексте
Ссылки из Figma теперь корректно переносятся в Tilda
✅ Глобальные стили проекта применяются при импорте и при работе с буфером
Цветовые и текстовые свойства элементов автоматически связываются с глобальными стилями Tilda при импорте и через буфер обмена (если стили в проект были импортированы заранее)
✅ Улучшена обработка графики
Линии, стрелки, векторы и повернутые объекты теперь импортируются точнее. Поработал с повернутыми объектами. Так как Тильда довольно странно обрабатывает повороты, решил "запекать" повороты на углы кратные 90 градусам. В итоге позиционирование и ширины элементов передаются более точно.
#Tildify #Figma #Tilda #Дизайн #ВебДизайн #Обновление
🔥 РЕЖИМ БУФЕРА ОБМЕНА!
Теперь импорт из Figma в Tilda — это один клик! Копируйте элементы в Figma и вставляйте прямо в Tilda через буфер обмена. Никаких промежуточных шагов — просто копируй и вставляй! ✨Не нужно разбивать дизайн на блоки. Просто выделяйте необходимые блоки, картинки и элементы. Картинки автоматически загружаются в Тильду с параметрами из настроек экспорта (сжатие, формат, ретина). Для работы с буфером необходимо сгенерировать ID буфера в плагине и указать его в настройках расширения. Предусмотрен "мини"-режим интерфейса, чтобы ничего лишнего.
📦 Что ещё нового:
✅ Исправлен баг с импортом стилей в настройки проекта.
Стили нельзя было применить. Теперь текстовые и цветовые стили работают корректно.
✅ Импорт из секции SECTION
Можно импортировать элементы из секций в Figma
✅ Поддержка гиперссылок в тексте
Ссылки из Figma теперь корректно переносятся в Tilda
✅ Глобальные стили проекта применяются при импорте и при работе с буфером
Цветовые и текстовые свойства элементов автоматически связываются с глобальными стилями Tilda при импорте и через буфер обмена (если стили в проект были импортированы заранее)
✅ Улучшена обработка графики
Линии, стрелки, векторы и повернутые объекты теперь импортируются точнее. Поработал с повернутыми объектами. Так как Тильда довольно странно обрабатывает повороты, решил "запекать" повороты на углы кратные 90 градусам. В итоге позиционирование и ширины элементов передаются более точно.
#Tildify #Figma #Tilda #Дизайн #ВебДизайн #Обновление
Google
Tildify - Chrome Web Store
Импорт макетов из Figma и HTML-блоков из ИИ-генераторов сайтов в Tilda Zero Block. Адаптивы, стили и структура сохраняются.
🔥7❤2👍2
🚀Обновление плагина Tildify Validator v2.47:
Формы уже здесь!
Теперь перенос форм из Figma в Tilda Zero Block стал автоматическим.
🔥 Поддержка ФОРМ
Больше не нужно собирать формы в Тильде вручную. Плагин сделает это за вас:
Умное распознавание: Просто добавьте тег [form] к группе (или фрейму) с формой, и плагин поймет, что это форма.
Интеллектуальный маппинг: Плагин сам определит тип поля (Email, Телефон, Имя и тд.) по тексту заголовка или плейсхолдера.
Поддержка основных полей: email, телефон, имя, сайт, textarea, выпадающий список, радиокнопоки, чекбоксы.
📐 Автоматическая сетка и стили
Расчет ширины: Плагин автоматически определяет ширину поля в сетке (1/2, 1/3, 1/4) и его расположение (в ряд или столбик).
Стили «под ключ»: Цвета, шрифты, скругления, обводки полей и даже Hover-эффекты кнопок переносятся один-в-один.
Поддержка адаптива и плоского режима.
Как попробовать?
Обновите плагин в Figma (перезапустите Фигму) и используйте тег [form] для ваших групп с формой.
Формы уже здесь!
Теперь перенос форм из Figma в Tilda Zero Block стал автоматическим.
🔥 Поддержка ФОРМ
Больше не нужно собирать формы в Тильде вручную. Плагин сделает это за вас:
Умное распознавание: Просто добавьте тег [form] к группе (или фрейму) с формой, и плагин поймет, что это форма.
Интеллектуальный маппинг: Плагин сам определит тип поля (Email, Телефон, Имя и тд.) по тексту заголовка или плейсхолдера.
Поддержка основных полей: email, телефон, имя, сайт, textarea, выпадающий список, радиокнопоки, чекбоксы.
📐 Автоматическая сетка и стили
Расчет ширины: Плагин автоматически определяет ширину поля в сетке (1/2, 1/3, 1/4) и его расположение (в ряд или столбик).
Стили «под ключ»: Цвета, шрифты, скругления, обводки полей и даже Hover-эффекты кнопок переносятся один-в-один.
Поддержка адаптива и плоского режима.
Как попробовать?
Обновите плагин в Figma (перезапустите Фигму) и используйте тег [form] для ваших групп с формой.
🔥13👍3
Media is too big
VIEW IN TELEGRAM
Работа с формами
📖 Подробная инструкция по формам: https://tildify.ru/import-rules#forms
📖 Подробная инструкция по формам: https://tildify.ru/import-rules#forms
❤3🔥3
Обновление расширения для Хрома - Tildify v0.960 и плагина Tildify Validator 2.48 — система компонентов в ZeroBlock! 🔥
(В экспериментальном режиме)
Теперь в Tilda появилась полноценная система компонентов, почти как в Figma
Что нового:
✨ Введены Master и Instance — теперь можно работать с компонентами, как в Figma, с поддержкой связей. Можно создать компонент из любого элемента (шейп, кнопка и тд), а также групп.
✨ Оверрайды (локальные изменения) — изменения сохраняются в инстансах там, где их вносишь. Возможен сброс изменений до состояния мастера.
🧩 Компоненты из контейнеров (группы и автолэйауты): можно добавлять элементы в мастер-группу после создания инстансов (экземпляров), при этом новые элементы создаются и в инстансах тоже.
Добавил поддержку экспорта (и копирования через буфер) компонентов и их инстансов прямо из фигмы.
(⚠️ ВАЖНО: на артборде должны быть и мастер, и его инстансы, иначе связки не соберутся)
Подробно показал в небольшом видео тут (или ниже):
👉 https://tildify.ru/extras
(В экспериментальном режиме)
Теперь в Tilda появилась полноценная система компонентов, почти как в Figma
Что нового:
✨ Введены Master и Instance — теперь можно работать с компонентами, как в Figma, с поддержкой связей. Можно создать компонент из любого элемента (шейп, кнопка и тд), а также групп.
✨ Оверрайды (локальные изменения) — изменения сохраняются в инстансах там, где их вносишь. Возможен сброс изменений до состояния мастера.
🧩 Компоненты из контейнеров (группы и автолэйауты): можно добавлять элементы в мастер-группу после создания инстансов (экземпляров), при этом новые элементы создаются и в инстансах тоже.
Добавил поддержку экспорта (и копирования через буфер) компонентов и их инстансов прямо из фигмы.
(⚠️ ВАЖНО: на артборде должны быть и мастер, и его инстансы, иначе связки не соберутся)
Подробно показал в небольшом видео тут (или ниже):
👉 https://tildify.ru/extras
❤3🔥1
Всем привет!
Небольшое, но полезное обновление для плагина. Раньше, чтобы обновить уже имеющееся изображение у элемента в Тильде, приходилось выгружать его из Фигмы и загружать снова в Тильду, либо копировать через буфер плагина (если сразу нужно сжатие и формат webP), потом брать ссылку на изображение через контекстное меню и перезаливать в объект (сам так делал).
Добавил в режим буфера функцию, что если мы копируем только одно изображение (будь то вектор, растр, или контейнер (группа) с тегами [img], [svg] и тд), то после успешного копирования появляется кнопка копирования ссылки на изображение в буфер обмена (системный), после этого нужно лишь поменять изображение в элементе через эту ссылку.
Небольшое, но полезное обновление для плагина. Раньше, чтобы обновить уже имеющееся изображение у элемента в Тильде, приходилось выгружать его из Фигмы и загружать снова в Тильду, либо копировать через буфер плагина (если сразу нужно сжатие и формат webP), потом брать ссылку на изображение через контекстное меню и перезаливать в объект (сам так делал).
Добавил в режим буфера функцию, что если мы копируем только одно изображение (будь то вектор, растр, или контейнер (группа) с тегами [img], [svg] и тд), то после успешного копирования появляется кнопка копирования ссылки на изображение в буфер обмена (системный), после этого нужно лишь поменять изображение в элементе через эту ссылку.
❤8🔥4🙏1
Привет! Небольшие обновления:
1. Незаметное, но полезное обновление-патч расширения (версия 0.9.861). Всех наверное утомило это нелепое ограничение на вложенность групп и автолэйаутов, убрал его.
2. Обновление плагина: Добавлена поддержка экспорта настроек автолэйаутов у артбордов при экспорте адаптивов. Свойства передаются в настройки автолэйаута у ZeroBlock.
1. Незаметное, но полезное обновление-патч расширения (версия 0.9.861). Всех наверное утомило это нелепое ограничение на вложенность групп и автолэйаутов, убрал его.
2. Обновление плагина: Добавлена поддержка экспорта настроек автолэйаутов у артбордов при экспорте адаптивов. Свойства передаются в настройки автолэйаута у ZeroBlock.
🔥9🙏1