Генератор UI‑компонентов из Figma на базе AI

Разработана система, которая преобразует дизайны из Figma в чистые компоненты Vue.js + Tailwind с использованием GPT‑3.5 Turbo и GPT‑4. Это решение сокращает время разработки фронтенда и обеспечивает согласованность дизайна между компонентами.
Что реализовано:

1. Построение пайплайна Figma → Node.js для извлечения и структурирования фреймов дизайна.

2. Интеллектуальная оптимизация данных: разбор макета, группировка по логическим блокам, подготовка контекста для LLM.

3. Промптинг GPT для генерации HTML‑шаблонов в стиле BEM и TailwindCSS через apply.

4. Генерация Vue.js компонентов с секциями template, script и style.