Генератор UI‑компонентов из Figma на базе AI
Javascript и Typescript
Разработана система, которая преобразует дизайны из 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.
Что реализовано:
1. Построение пайплайна Figma → Node.js для извлечения и структурирования фреймов дизайна.
2. Интеллектуальная оптимизация данных: разбор макета, группировка по логическим блокам, подготовка контекста для LLM.
3. Промптинг GPT для генерации HTML‑шаблонов в стиле BEM и TailwindCSS через apply.
4. Генерация Vue.js компонентов с секциями template, script и style.