Hello World!

🎉 Встречайте обновление Tildify 0.9.3!

Новая версия уже доступна в раннем доступе

✨ Что нового:

🎨 Поддержка мульти-теней
Теперь можно добавлять несколько теней к одному объекту в Figma — все они корректно перенесутся в Tilda! Создавайте сложные эффекты глубины и объема без ограничений.

🛠 Обновленный алгоритм импорта градиентов
Полностью переработали механизм переноса градиентов после обновления Tilda. Теперь градиенты импортируются еще точнее и стабильнее, сохраняя все переходы цветов как в оригинальном дизайне.


💬 Есть вопросы или нашли баг? Пишите в чат поддержки!

📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!

#tildify #update #figma #tilda #design

🎉 Новая версия 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

🚀 Обновление до версии 0.9.5
Выпущена новая версия с важными улучшениями и исправлениями!

⚡️ Скорость импорта увеличена
Добавлены новые методы импорта, которые позволили увеличить скорость импорта на 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 #Дизайн #ВебДизайн

Возможности новой версии

🔥 Tildify Validator 2.2 — Плоский режим и мягкая валидация

Вышло обновление плагина для 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 #Дизайн #Импорт

🚀 Обновление Tildify v0.9.85 + Плагин Tildify Validator 2.45

🔥 РЕЖИМ БУФЕРА ОБМЕНА!

Теперь импорт из Figma в Tilda — это один клик! Копируйте элементы в Figma и вставляйте прямо в Tilda через буфер обмена. Никаких промежуточных шагов — просто копируй и вставляй! ✨Не нужно разбивать дизайн на блоки. Просто выделяйте необходимые блоки, картинки и элементы. Картинки автоматически загружаются в Тильду с параметрами из настроек экспорта (сжатие, формат, ретина). Для работы с буфером необходимо сгенерировать ID буфера в плагине и указать его в настройках расширения. Предусмотрен "мини"-режим интерфейса, чтобы ничего лишнего.

📦 Что ещё нового:

✅ Исправлен баг с импортом стилей в настройки проекта.
Стили нельзя было применить. Теперь текстовые и цветовые стили работают корректно.

✅ Импорт из секции SECTION
Можно импортировать элементы из секций в Figma

✅ Поддержка гиперссылок в тексте
Ссылки из Figma теперь корректно переносятся в Tilda

✅ Глобальные стили проекта применяются при импорте и при работе с буфером
Цветовые и текстовые свойства элементов автоматически связываются с глобальными стилями Tilda при импорте и через буфер обмена (если стили в проект были импортированы заранее)

✅ Улучшена обработка графики
Линии, стрелки, векторы и повернутые объекты теперь импортируются точнее. Поработал с повернутыми объектами. Так как Тильда довольно странно обрабатывает повороты, решил "запекать" повороты на углы кратные 90 градусам. В итоге позиционирование и ширины элементов передаются более точно.


#Tildify #Figma #Tilda #Дизайн #ВебДизайн #Обновление