V1 - Первая версия продукта, работа со шрифтами!

Figma Plugin: huntteam.ru

Описание: Плагин позволяет получать CSS-подобные свойства выделенного элемента в Figma и отображать их в UI-панели. Он упрощает процесс копирования стилей для разработчиков и дизайнеров.

---

🔹 Основные возможности

• Автоматическое определение типа выделенного узла (TEXT, FRAME и др.)

• Получение ключевых CSS-свойств для текстовых элементов:

  • font-family
  • font-size
  • font-weight
  • text-align
  • letter-spacing
  • line-height
  • color и opacity

• Конвертация цветов из формата Figma в CSS rgba()

• Вывод свойств в читаемом виде в UI-панели с подсветкой

• Автоматическое обновление данных при смене выделенного элемента

---

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

1. Выделите элемент на канвасе Figma (текст или фрейм).

2. Плагин автоматически покажет свойства в UI:

   • Для текста → CSS-стили (font-family, font-size, color и др.)
   • Для фрейма → размеры, заливка и border-radius (если реализовано)

3. Скопируйте нужные свойства в ваш проект.

4. При смене выделения данные обновляются автоматически.

---

🔹 Структура проекта

├─ manifest.json         # манифест плагина Figma
├─ code.ts               # основной скрипт плагина (Main)
├─ ui.html               # UI-панель с JS и CSS
├─ tsconfig.json         # конфигурация TypeScript
├─ package.json          # зависимости проекта
├─ types/                # кастомные типы для TypeScript
└─ README.md             # этот файл

---

🔹 Технологии

• TypeScript
• Figma Plugin API
• HTML / CSS для UI
• JavaScript для динамического обновления UI