Генератор 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.