Loading...
← Всі проекти

Figma-to-Gulp Automation Agent

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-компоненти інтегруються в систему збірки за передбачуваним, повторюваним процесом замість ручного копіювання розмітки і стилів.