Расширение для браузера Chrome по переносу дизайна из Figma в Tilda с максимальной точностью.
https://tildify.ru
Чат поддержки и ваших предложений: t.me/tildify_support
Post #27
285
Channel Public Channel
TI Tildify – Импорт дизайна из Figma в Tilda
@tildify
- Subscribers
- 192
- Photos
- 23
- Videos
- 7
- Links
- 24
Showing posts older than #28 · Back to latest
Older Posts 20 shown
Post #26
313
Друзья, привет!
Новое крупное обновление расширения и плагина Tildify.
🧩 Создана библиотека элементов Tildify Elements.
Появились готовые элементы: слайдер, аккордеон и табы.
Теперь типовые интерактивные блоки можно сразу импортировать из Фигмы в готовые рабочие компоненты.
При импорте автоматически создается скрипт элемента. Так же добавил удобный UI для настроек (настроек много, постарался учесть разные мелочи).
Плюс сделал умный дебагер, который поможет разобраться прямо на странице, если что-то вдруг не работает или работает не так как надо.
Почитать подробнее, посмотреть примеры, скопировать себе можно на сайте https://elements.tildify.ru/
Библиотека будет пополнятся новыми элементами. Пишите, что бы вам хотелось видеть. Не нужно подключение jQuery.
⚡️ Добавление элементов в Tilda
Компоненты теперь можно вставлять прямо в Tilda Zero Block через меню элементов Tildify Elements (встроил в стандартное меню элементов Тильды). Теперь можно собрать свой слайдер, аккордеон или табы прямо в Тильде, без лишних хлопот. Всё в одном месте. Не обязательно импортировать из Фигмы.
📦 Экспорт из Zero Block
Добавил экспорт содержимого ZeroBlock — удобно переиспользовать уже собранные решения, передавать содержимое зероблока на другой аккаунт (без передачи страницы) или в поддержку :)
🔧 Улучшения и фиксы
Поработал с плоским импортом, увеличил скорость сбора изображений (убрал лишние проходы), улучшил логику сопоставления текстовых элементов между брейкпоинтами.
Добавил блокирующих проверок, на случай тяжелых векторов или супер-сложной структуры (которую нельзя сохранить в Зероблоке), добавил предупреждение о тяжелом векторе, когда более целесообразно экспортировать его как растр. Экспорт стал стабильнее, падений плагина меньше.
➕ Сброс параметров экземпляров в системе компонентов
Теперь можно гибко выбирать, какие настройки сбрасывать у экземпляров.
Внесены множество фиксов по вашим отзывам, как в UI плагина, так и в логику работы.
Спасибо за обратную связь!
Небольшое видео где кратко рассказал про обновления:
Кинескоп
Youtube
elements.tildify.ru Tildify Elements — Cлайдер, аккордеон и табы для Tilda Zero Block с быстрым импортом из Figma Слайдеры, аккордеоны и табы с собственным интерфейсом настройки, гибкой логикой и удобным переходом от макета к рабочему блоку. Новое крупное обновление расширения и плагина Tildify.
🧩 Создана библиотека элементов Tildify Elements.
Появились готовые элементы: слайдер, аккордеон и табы.
Теперь типовые интерактивные блоки можно сразу импортировать из Фигмы в готовые рабочие компоненты.
При импорте автоматически создается скрипт элемента. Так же добавил удобный UI для настроек (настроек много, постарался учесть разные мелочи).
Плюс сделал умный дебагер, который поможет разобраться прямо на странице, если что-то вдруг не работает или работает не так как надо.
Почитать подробнее, посмотреть примеры, скопировать себе можно на сайте https://elements.tildify.ru/
Библиотека будет пополнятся новыми элементами. Пишите, что бы вам хотелось видеть. Не нужно подключение jQuery.
⚡️ Добавление элементов в Tilda
Компоненты теперь можно вставлять прямо в Tilda Zero Block через меню элементов Tildify Elements (встроил в стандартное меню элементов Тильды). Теперь можно собрать свой слайдер, аккордеон или табы прямо в Тильде, без лишних хлопот. Всё в одном месте. Не обязательно импортировать из Фигмы.
📦 Экспорт из Zero Block
Добавил экспорт содержимого ZeroBlock — удобно переиспользовать уже собранные решения, передавать содержимое зероблока на другой аккаунт (без передачи страницы) или в поддержку :)
🔧 Улучшения и фиксы
Поработал с плоским импортом, увеличил скорость сбора изображений (убрал лишние проходы), улучшил логику сопоставления текстовых элементов между брейкпоинтами.
Добавил блокирующих проверок, на случай тяжелых векторов или супер-сложной структуры (которую нельзя сохранить в Зероблоке), добавил предупреждение о тяжелом векторе, когда более целесообразно экспортировать его как растр. Экспорт стал стабильнее, падений плагина меньше.
➕ Сброс параметров экземпляров в системе компонентов
Теперь можно гибко выбирать, какие настройки сбрасывать у экземпляров.
Внесены множество фиксов по вашим отзывам, как в UI плагина, так и в логику работы.
Спасибо за обратную связь!
Небольшое видео где кратко рассказал про обновления:
Кинескоп
Youtube
- 🔥 11
- ❤ 7
- 👍 7
- 👏 2
- 🙏 2
Post #25
340
Всем привет! Небольшое обновление Плагина связанное в основном с производительностью.
1. Улучшена производительность на проверке макетов. Теперь даже на больших макетах плагин не виснет (спасибо пользователю из Тильдошной @ksanksss222 за обратную связь)
2. Увеличена производительность при обработке и выгрузке изображений, теперь большие макеты обрабатываются быстрее, изменена логика обработки и выгрузки "обрезанных" (clipping) контейнером изображений.
3. Исправлена ошибка с неверной передачей прозрачности обводки у кнопок - прозрачность при экспорте в два раза занижалась (спасибо пользователю @zuenkov_nikita за обратную связь)
Следующее обновление планирую не такое скучное как это 😀
1. Улучшена производительность на проверке макетов. Теперь даже на больших макетах плагин не виснет (спасибо пользователю из Тильдошной @ksanksss222 за обратную связь)
2. Увеличена производительность при обработке и выгрузке изображений, теперь большие макеты обрабатываются быстрее, изменена логика обработки и выгрузки "обрезанных" (clipping) контейнером изображений.
3. Исправлена ошибка с неверной передачей прозрачности обводки у кнопок - прозрачность при экспорте в два раза занижалась (спасибо пользователю @zuenkov_nikita за обратную связь)
Следующее обновление планирую не такое скучное как это 😀
- 🔥 9
- 👍 4
- 🙏 2
- ❤ 1
- 👏 1
Post #24
384
Всем привет! Небольшие обновления Плагина и Расширения.
Благодаря вашей обратной связи пофиксил критические ошибки:
1. Импорт падал, если была кнопка, у которой была только одна видимая граница (обводка) – сделал защиту для подобных моментов.
2. Введена блокирующая проверка в Плагине на количество узлов. Ранее, если присутствовал массивный векторный объект (тысячи элементов), которые не были обернуты в тег [svg], то импорт зависал, подвешивая фигму. Введено ограничение и предупреждение, если узлов более 800.
3. Исправлена логика экспорта автолэйаутов с множественными заливками на фоне в виде изображений: ранее экспортировалось нижнее изображение, что визуально не корректно, сейчас экспортируется первое видимое верхнее изображение.
4. Исправлен баг с импортом кнопок, у которых шрифт стилистически совпадал с текстовыми стилями проекта (пропадали поля настройки гарнитуры и жирности)
4. По просьбе пользователей добавлен алиас (синоним) для кнопки. Теперь чтобы элемент стал кнопкой, достаточно указать btn у кнопки в фигме (как целое слово, а не часть)
5. В настройках расширения добавлена возможность указать свои стартовые координаты для вставки из буфера.
6. Проведена оптимизация использования памяти на экспорте "тяжелых" макетов с множеством изображений.
7. Исправление мелких ошибок.
Для обновления плагина нужно как обычно перезапустить Фигму, расширение должно обновиться само.
Благодаря вашей обратной связи пофиксил критические ошибки:
1. Импорт падал, если была кнопка, у которой была только одна видимая граница (обводка) – сделал защиту для подобных моментов.
2. Введена блокирующая проверка в Плагине на количество узлов. Ранее, если присутствовал массивный векторный объект (тысячи элементов), которые не были обернуты в тег [svg], то импорт зависал, подвешивая фигму. Введено ограничение и предупреждение, если узлов более 800.
3. Исправлена логика экспорта автолэйаутов с множественными заливками на фоне в виде изображений: ранее экспортировалось нижнее изображение, что визуально не корректно, сейчас экспортируется первое видимое верхнее изображение.
4. Исправлен баг с импортом кнопок, у которых шрифт стилистически совпадал с текстовыми стилями проекта (пропадали поля настройки гарнитуры и жирности)
4. По просьбе пользователей добавлен алиас (синоним) для кнопки. Теперь чтобы элемент стал кнопкой, достаточно указать btn у кнопки в фигме (как целое слово, а не часть)
5. В настройках расширения добавлена возможность указать свои стартовые координаты для вставки из буфера.
6. Проведена оптимизация использования памяти на экспорте "тяжелых" макетов с множеством изображений.
7. Исправление мелких ошибок.
Для обновления плагина нужно как обычно перезапустить Фигму, расширение должно обновиться само.
- 🔥 10
- ❤ 6
- 👍 4
Post #23
369
Тильда добавила, и мы не отстаем.
В плагине добавил поддержку экспорта градиентной обводки у кнопки.
В плагине добавил поддержку экспорта градиентной обводки у кнопки.
- 🔥 9
- 👍 6
- 🙏 1
Post #22
406
Привет! Небольшие обновления:
1. Незаметное, но полезное обновление-патч расширения (версия 0.9.861). Всех наверное утомило это нелепое ограничение на вложенность групп и автолэйаутов, убрал его.
2. Обновление плагина: Добавлена поддержка экспорта настроек автолэйаутов у артбордов при экспорте адаптивов. Свойства передаются в настройки автолэйаута у ZeroBlock.
1. Незаметное, но полезное обновление-патч расширения (версия 0.9.861). Всех наверное утомило это нелепое ограничение на вложенность групп и автолэйаутов, убрал его.
2. Обновление плагина: Добавлена поддержка экспорта настроек автолэйаутов у артбордов при экспорте адаптивов. Свойства передаются в настройки автолэйаута у ZeroBlock.
- 🔥 9
- 🙏 1
Post #21
350
- 👍 3
- 🔥 1
Post #20
390
Всем привет!
Небольшое, но полезное обновление для плагина. Раньше, чтобы обновить уже имеющееся изображение у элемента в Тильде, приходилось выгружать его из Фигмы и загружать снова в Тильду, либо копировать через буфер плагина (если сразу нужно сжатие и формат webP), потом брать ссылку на изображение через контекстное меню и перезаливать в объект (сам так делал).
Добавил в режим буфера функцию, что если мы копируем только одно изображение (будь то вектор, растр, или контейнер (группа) с тегами [img], [svg] и тд), то после успешного копирования появляется кнопка копирования ссылки на изображение в буфер обмена (системный), после этого нужно лишь поменять изображение в элементе через эту ссылку.
Небольшое, но полезное обновление для плагина. Раньше, чтобы обновить уже имеющееся изображение у элемента в Тильде, приходилось выгружать его из Фигмы и загружать снова в Тильду, либо копировать через буфер плагина (если сразу нужно сжатие и формат webP), потом брать ссылку на изображение через контекстное меню и перезаливать в объект (сам так делал).
Добавил в режим буфера функцию, что если мы копируем только одно изображение (будь то вектор, растр, или контейнер (группа) с тегами [img], [svg] и тд), то после успешного копирования появляется кнопка копирования ссылки на изображение в буфер обмена (системный), после этого нужно лишь поменять изображение в элементе через эту ссылку.
- ❤ 8
- 🔥 4
- 🙏 1
Post #19
296
- 🔥 2
- 🙏 1
Post #18
330
Обновление расширения для Хрома - 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
Post #17
414
Post #16
393
🚀Обновление плагина 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
Post #15
454
🚀 Обновление Tildify v0.9.85 + Плагин Tildify Validator 2.45
🔥 РЕЖИМ БУФЕРА ОБМЕНА!
Теперь импорт из Figma в Tilda — это один клик! Копируйте элементы в Figma и вставляйте прямо в Tilda через буфер обмена. Никаких промежуточных шагов — просто копируй и вставляй! ✨Не нужно разбивать дизайн на блоки. Просто выделяйте необходимые блоки, картинки и элементы. Картинки автоматически загружаются в Тильду с параметрами из настроек экспорта (сжатие, формат, ретина). Для работы с буфером необходимо сгенерировать ID буфера в плагине и указать его в настройках расширения. Предусмотрен "мини"-режим интерфейса, чтобы ничего лишнего.
📦 Что ещё нового:
✅ Исправлен баг с импортом стилей в настройки проекта.
Стили нельзя было применить. Теперь текстовые и цветовые стили работают корректно.
✅ Импорт из секции SECTION
Можно импортировать элементы из секций в Figma
✅ Поддержка гиперссылок в тексте
Ссылки из Figma теперь корректно переносятся в Tilda
✅ Глобальные стили проекта применяются при импорте и при работе с буфером
Цветовые и текстовые свойства элементов автоматически связываются с глобальными стилями Tilda при импорте и через буфер обмена (если стили в проект были импортированы заранее)
✅ Улучшена обработка графики
Линии, стрелки, векторы и повернутые объекты теперь импортируются точнее. Поработал с повернутыми объектами. Так как Тильда довольно странно обрабатывает повороты, решил "запекать" повороты на углы кратные 90 градусам. В итоге позиционирование и ширины элементов передаются более точно.
#Tildify #Figma #Tilda #Дизайн #ВебДизайн #Обновление
Google Tildify - Chrome Web Store Импорт макетов из Figma и HTML-блоков из ИИ-генераторов сайтов в Tilda Zero Block. Адаптивы, стили и структура сохраняются. 🔥 РЕЖИМ БУФЕРА ОБМЕНА!
Теперь импорт из Figma в Tilda — это один клик! Копируйте элементы в Figma и вставляйте прямо в Tilda через буфер обмена. Никаких промежуточных шагов — просто копируй и вставляй! ✨Не нужно разбивать дизайн на блоки. Просто выделяйте необходимые блоки, картинки и элементы. Картинки автоматически загружаются в Тильду с параметрами из настроек экспорта (сжатие, формат, ретина). Для работы с буфером необходимо сгенерировать ID буфера в плагине и указать его в настройках расширения. Предусмотрен "мини"-режим интерфейса, чтобы ничего лишнего.
📦 Что ещё нового:
✅ Исправлен баг с импортом стилей в настройки проекта.
Стили нельзя было применить. Теперь текстовые и цветовые стили работают корректно.
✅ Импорт из секции SECTION
Можно импортировать элементы из секций в Figma
✅ Поддержка гиперссылок в тексте
Ссылки из Figma теперь корректно переносятся в Tilda
✅ Глобальные стили проекта применяются при импорте и при работе с буфером
Цветовые и текстовые свойства элементов автоматически связываются с глобальными стилями Tilda при импорте и через буфер обмена (если стили в проект были импортированы заранее)
✅ Улучшена обработка графики
Линии, стрелки, векторы и повернутые объекты теперь импортируются точнее. Поработал с повернутыми объектами. Так как Тильда довольно странно обрабатывает повороты, решил "запекать" повороты на углы кратные 90 градусам. В итоге позиционирование и ширины элементов передаются более точно.
#Tildify #Figma #Tilda #Дизайн #ВебДизайн #Обновление
- 🔥 7
- ❤ 2
- 👍 2
Post #14
378
🚀 Tildify 0.9.8 — Кардинальное обновление архитектуры
Полностью переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
Установить плагин
Установить расширение
⚠️ Важно: Это переходная версия. Новый импорт доступен по кнопке "Экспорт в 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… Полностью переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
Установить плагин
Установить расширение
⚠️ Важно: Это переходная версия. Новый импорт доступен по кнопке "Экспорт в Tilda NEW", старый импорт также остается доступным для обратной совместимости. Позже останется только новый.
ЧТО НОВОГО:
⏰ Импорт за секунды
Кардинально переписана архитектура импорта. Скорость теперь не зависит от сложности макета — только от количества изображений. Даже самые сложные дизайны импортируются за секунды.
⚠️ Не перегружайте макет, Тильда может долго отрисовывать ZeroBlock после обновления страницы после импорта, если в макете много групп и автолэйаутов.
🖥 Улучшена обработка элементов
Значительно улучшена обработка всех типов элементов: фреймов, групп, текста, изображений. Элементы теперь импортируются более точно и корректно.
🎨 Автоматическая конвертация прозрачных цветов
Tilda не поддерживает прозрачные цвета в заливках. Добавлена опция автоматической конвертации прозрачного цвета в градиент с прозрачностями для сохранения визуального эффекта.
📐 Обработка автолэйаутов-свойств артборда
Добавлена обработка автолэйаут свойств артборда. Если у артборда установлен режим HUG, автоматически включается автовысота в Tilda для корректного отображения контента. Пока только в одиночном импорте, в адаптиве добавлю позже.
🎯 Умная обработка фреймов с отступами
Раньше фреймы с отступами преобразовывались в группы, которые схлопывались. Теперь создается автолэйаут с абсолютным позиционированием объектов, с сохранением свойств заливки и обводки контейнера — как результат, полностью сохраняется внешний вид элементов дизайна.
🔘 Улучшена обработка кнопок
Значительно улучшена обработка кнопок: более точное определение состояний, корректная работа с текстом и стилями, улучшенная поддержка интерактивности.
⚠️ Важно: Если у вас не обновилась версия, перезапустите браузер, или обновите вручную на странице настроек расширений chrome://extensions
Если плагин в Figma версии меньше 2.3, перезапустите Фигму, если у вас приложение, или закройте и откройте вкладку, если в браузере.
#Tildify #Figma #Tilda #Дизайн #Импорт
- ❤ 4
- 🔥 1
- 🙏 1
Post #13
288
🔥 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 #Дизайн #ВебДизайн
Post #12
252
Возможности новой версии
Post #11
272
🚀 Глобальное обновление 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 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… Привет! Вышло большое обновление нашего инструмента для импорта дизайна из 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 #Дизайн #ВебДизайн
Post #10
186
🚀 Обновление до версии 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
Post #9
181
🎉 Новая версия 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
Post #8
152
🎉 Встречайте обновление Tildify 0.9.3!
Новая версия уже доступна в раннем доступе
✨ Что нового:
🎨 Поддержка мульти-теней
Теперь можно добавлять несколько теней к одному объекту в Figma — все они корректно перенесутся в Tilda! Создавайте сложные эффекты глубины и объема без ограничений.
🛠 Обновленный алгоритм импорта градиентов
Полностью переработали механизм переноса градиентов после обновления Tilda. Теперь градиенты импортируются еще точнее и стабильнее, сохраняя все переходы цветов как в оригинальном дизайне.
💬 Есть вопросы или нашли баг? Пишите в чат поддержки!
📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!
#tildify #update #figma #tilda #design
Новая версия уже доступна в раннем доступе
✨ Что нового:
🎨 Поддержка мульти-теней
Теперь можно добавлять несколько теней к одному объекту в Figma — все они корректно перенесутся в Tilda! Создавайте сложные эффекты глубины и объема без ограничений.
🛠 Обновленный алгоритм импорта градиентов
Полностью переработали механизм переноса градиентов после обновления Tilda. Теперь градиенты импортируются еще точнее и стабильнее, сохраняя все переходы цветов как в оригинальном дизайне.
💬 Есть вопросы или нашли баг? Пишите в чат поддержки!
📢 Делитесь впечатлениями и своими кейсами использования — ваш фидбек помогает нам становиться лучше!
#tildify #update #figma #tilda #design
