Figma-to-Gulp Automation Agent
Точковий інструмент автоматизації (figma-to-gulp.md + integrate-component.js), що з'єднує дані Figma-компонентів з наявною системою збірки gulp2026.
Що я зробив
- Визначив строгий JSON-маніфест, що описує структуру, токени та стани кожного компонента
- Написав інтеграційний скрипт, що генерує SCSS/BEM партіали, HTML-інклюди (
gulp-file-include) та записи SVG-спрайтів на основі маніфесту - Зберіг згенерований код сумісним з наявними конвенціями vanilla TypeScript у проєкті
- Опрацював крайні випадки: вкладені компоненти, адаптивні варіанти та стани стилізації
Результат
Нові Figma-компоненти інтегруються в систему збірки за передбачуваним, повторюваним процесом замість ручного копіювання розмітки і стилів.