UI component generator from Figma based on AI
Developed a system that converts designs from Figma into clean Vue.js + Tailwind components using GPT‑3.5 Turbo and GPT‑4. This solution reduces front-end development time and ensures design consistency across components.
What has been implemented:
1. Building a Figma → Node.js pipeline for extracting and structuring design frames.
2. Intelligent data optimization: layout parsing, grouping by logical blocks, preparing context for LLM.
3. GPT prompting for generating HTML templates in BEM style and TailwindCSS via apply.
4. Generating Vue.js components with sections template, script, and style.
What has been implemented:
1. Building a Figma → Node.js pipeline for extracting and structuring design frames.
2. Intelligent data optimization: layout parsing, grouping by logical blocks, preparing context for LLM.
3. GPT prompting for generating HTML templates in BEM style and TailwindCSS via apply.
4. Generating Vue.js components with sections template, script, and style.