Figma Plugin

Tildify Validator

Встроенный плагин для Figma, который проверяет структуру дизайна ПЕРЕД экспортом

Установить плагин
Что это?
Умный помощник для подготовки дизайна к экспорту

Tildify Validator - это плагин для Figma, который анализирует вашу структуру дизайна и находит потенциальные проблемы до того, как вы начнете импорт в Tilda. Это экономит время и помогает избежать ошибок.

Проверка ДО экспорта

Находит ошибки заранее, экономя ваше время

Автоматические исправления

Синхронизация одним кликом

Копирование ссылки

Быстрый переход к экспорту

Обучение

Показывает правильную структуру

Интерфейс плагина Tildify Validator в Figma

Интерфейс плагина Tildify Validator в Figma

Возможности

Проверка адаптивной структуры

Автоматически определяет режим (адаптивный или одиночный артборд) и проверяет правильность структуры

Проверка именования слоев
Проверка порядка элементов
Проверка типов элементов
Поиск ошибок

Находит несовпадения имен, типов, порядка и другие проблемы

Несовпадения имен слоев
Разный порядок элементов
Отсутствующие слои
Автоматическое исправление

Кнопки для синхронизации порядка слоев одним кликом

Синхронизация порядка слоев
Исправление структуры
Быстрое решение проблем
Предупреждения

Показывает потенциальные проблемы, которые не критичны, но могут повлиять на результат

Нулевые размеры
Превышение вложенности

Проверки плагина

Критические ошибки (❌)
Эти ошибки необходимо исправить перед экспортом

Разные имена слоев между артбордами

Слои должны иметь одинаковые имена на всех артбордах

Разный порядок слоев

Порядок элементов должен совпадать (header → content → footer)

Разные типы элементов

TEXT должен быть TEXT, RECTANGLE должен быть RECTANGLE

Отсутствующие слои

Все слои должны присутствовать на всех артбордах

Несовпадение AutoLayout

Если на одном артборде есть AutoLayout, он должен быть на всех

Предупреждения (⚠️)
Не критично, но может повлиять на результат

Элементы с нулевым размером

Width или height равны 0

Разное количество детей в группах

Группа имеет разное количество элементов на разных артбордах

Превышение вложенности

Рекомендуется не более 5 уровней вложенности (можно и больше, но инструментами Tilda можно создать только вложенности до 5 уровней, при более высокой вложенности - нельзя сортировать слои перетаскиванием)

Интерфейс плагина

Вкладка "Валидация"
Результаты проверки
Список ошибок и предупреждений
Кнопки автоматического исправления
Статистика по артбордам
Вкладка "Правила"
Правила именования и структуры
Описание всех специальных тегов
Рекомендации по AutoLayout
Ограничения и лимиты
Вкладка "Инструкция"
Пошаговое руководство
Примеры правильной структуры
Советы и рекомендации

Преимущества плагина

Экономия времени

Находит ошибки до экспорта, избавляя от необходимости переделывать работу после импорта в Tilda

Гарантия качества

Убедитесь, что структура дизайна соответствует всем требованиям перед экспортом

Обучение

Показывает правильную структуру и объясняет, что нужно исправить

Быстрые исправления

Автоматическая синхронизация порядка слоев одним кликом

Как использовать

1

Откройте плагин в Figma

Plugins → Tildify Validator

2

Выделите корневой FRAME

Выберите родительский фрейм, содержащий все артборды, либо любой элемент внутри него.

3

Запустите проверку

Плагин автоматически проанализирует структуру и покажет результаты

4

Исправьте ошибки

Используйте кнопки автоматического исправления или исправьте вручную

5

Скопируйте ссылку

Скопируйте ссылку на артборд и вставьте в поле ввода Tildify в Tilda