Field Notes
MCP를 통해 아이콘 배포 자동화하기
YJ
Category
- MCP
- 실무
업무 중 아이콘 제작 요청이 들어올 때, 아이콘을 만드는 것보다 배포하는 과정이 복잡하고 어려워서 개선이 필요하다는 생각을 항상 가지고 있었습니다.
현재 자사 아이콘 배포 방식은 수작업이 많고 반복적인 과정을 포함하고 있어서, 이를 MCP 또는 사내 자동화 플랫폼으로 효율화할 수 있는 방법을 모색해보았습니다.
✅ 현재 자사 아이콘 배포 프로세스 요약
1.
Figma에서 아이콘 제작
2.
Icon Font Exporter 플러그인으로 export
3.
SVG, Font 파일을 NAS에 업로드
4.
VS Code로 열고 코드화하여 사내 폴더에 업로드
🎯 MCP를 통한 자동화/효율화 방안
1.
Figma에서 MCP 연동 자동 Export
MCP가 Figma API 또는 Figma 플러그인 연동이 가능하다면:
특정 프레임/페이지에서 변경이 감지되면 MCP가 자동으로 export 수행 (SVG or font)
특정 프레임/페이지에서 변경이 감지되면 MCP가 자동으로 export 수행 (SVG or font)
예) Figma Web API를 통해 아이콘이 포함된 프레임을 주기적으로 pull 또는 webhook 사용
2.
SVG & Font 파일 자동 변환 및 정리
Export된 파일을 MCP에서 받아 정해진 naming rule에 따라 자동 정렬 및 리네이밍
SVG → web font (.woff, .ttf) 변환 자동화 스크립트 포함
3.
MCP를 통한 중앙 저장소 업로드 자동화
MCP에서 export된 파일을 사내 공용 스토리지(S3, NAS 등)로 자동 업로드
필요 시 metadata (작성자, 날짜 등) 자동 태깅
4.
사내 코드 저장소 자동 반영 (Git 또는 FTP 등)
저장된 아이콘을 기준으로 MCP가 자동으로 icon.css 혹은 React 아이콘 컴포넌트 생성
VS Code에서 수동 작업 없이 Git 커밋 or Pull Request 생성까지 가능
Subscribe to 'yj-archive'
Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'yj-archive'!
Join Slashpage and subscribe to 'yj-archive'!
