Generator komponentów UI z Figma na bazie AI
Javascript & Typescript
Opracowałem system, który przekształca projekty z Figma w czyste komponenty Vue.js + Tailwind z wykorzystaniem GPT‑3.5 Turbo oraz GPT‑4. To rozwiązanie skraca czas tworzenia frontendu i zapewnia spójność projektu między komponentami.
Co zostało zrealizowane:
1. Budowa pipeline'u Figma → Node.js do wyodrębniania i strukturyzacji ramek projektu.
2. Inteligentna optymalizacja danych: analiza układu, grupowanie według logicznych bloków, przygotowanie kontekstu dla LLM.
3. Promptowanie GPT do generowania szablonów HTML w stylu BEM i TailwindCSS przez apply.
4. Generacja komponentów Vue.js z sekcjami template, script oraz style.
Co zostało zrealizowane:
1. Budowa pipeline'u Figma → Node.js do wyodrębniania i strukturyzacji ramek projektu.
2. Inteligentna optymalizacja danych: analiza układu, grupowanie według logicznych bloków, przygotowanie kontekstu dla LLM.
3. Promptowanie GPT do generowania szablonów HTML w stylu BEM i TailwindCSS przez apply.
4. Generacja komponentów Vue.js z sekcjami template, script oraz style.