Figma to Rust UI Exporter

Плагин для Figma, который позволяет экспортировать UI-дизайны в код для Rust-игр.

Возможности

• Экспорт UI-дизайнов из Figma в готовый C# код для Rust
• Правильная обработка ограничений и привязок элементов
• Поддержка основных элементов UI: фреймы, тексты, векторы
• Автоматический экспорт и интеграция изображений в формате PNG
• Генерация полноценных функций для добавления и удаления UI

Установка

Локальная установка (для разработки)

1. Скачайте или клонируйте этот репозиторий
2. Откройте Figma и создайте новый проект или откройте существующий
3. Перейдите в меню Plugins -> Development -> New Plugin...
4. Выберите опцию Link existing plugin
5. Укажите путь к файлу manifest.json из скачанного репозитория

Использование

Подготовка дизайна

1. Используйте фреймы вместо групп

   • Все контейнеры должны быть фреймами (Shift+A), а не группами
   • Применяйте заливку непосредственно к фрейму, а не к вложенным прямоугольникам

2. Корректно назовите корневой фрейм

   • Корневой фрейм должен называться точно "Overlay" или "Hud" (с учетом регистра)

3. Настройте ограничения (constraints) правильно

   • Используйте ограничения для определения, как элементы будут масштабироваться и позиционироваться
   • Для горизонтальных: Left/Right/Center для привязки к краям, Scale для растяжения по ширине
   • Для вертикальных: Top/Bottom/Center для привязки к краям, Scale для растяжения по высоте

4. Подготовка изображений и иконок

   • Изображения: добавляйте их как заливку (fill) для элементов
   • Иконки: лучше использовать в виде единой векторной формы (flatten) или PNG
   • Все изображения будут автоматически экспортированы и включены в код

Экспорт UI

1. Выберите корневой фрейм в Figma (должен называться "Overlay" или "Hud")
2. Запустите плагин через меню Plugins -> Figma to Rust UI Exporter -> Export UI to Rust
3. При необходимости включите/отключите экспорт изображений
4. Нажмите кнопку "Экспортировать в Rust UI"
5. Скопируйте сгенерированный код или скачайте его как .cs файл
6. Если были экспортированы изображения, вы можете скачать их отдельно или как ZIP-архив

Интеграция с Rust

Сгенерированный код включает в себя:

• Все необходимые элементы UI с правильными якорями и размерами
• Встроенные изображения в формате base64
• Функцию CreateUI для отображения UI
• Функцию DestroyUI для удаления UI

Для использования в плагине Rust:

1. Скопируйте код в свой C# файл плагина

Устранение неполадок

• Экспорт не удается: Проверьте, что корневой фрейм называется "Overlay" или "Hud"
• Элементы смещены в UI: Перепроверьте настройки ограничений (constraints)
• Отсутствуют иконки: Убедитесь, что они правильно подготовлены (векторы или PNG)
• Изображения не экспортируются: Убедитесь, что они применены как заливка (fill) элемента
• Проблемы с цветами: Используйте стандартные цвета в RGB или RGBA