GN⁺: AI로 Figma 워크플로우 자동화하기

(designwithai.substack.com)

문제점 : 다양한 팀 구성원들이 Figma 파일에 남긴 수많은 댓글을 일일이 확인하고 분류하여 유용한 인사이트로 요약하는 데 많은 시간이 소요됨
해결책 : AI를 활용하여 Figma 댓글을 자동으로 분류하고, Google Docs에 구조화된 요약본을 생성하는 자동화 시스템 구축
결과물 : 버튼 한 번으로 15초 이내에 Figma 댓글의 요약 문서를 생성. 설정한 시간 간격에 따라 자동으로 요약 보고서를 생성하도록 자동화

단계별 구축 방법

1단계: Make.com 설정
- Zapier와 유사한 노코드 자동화 플랫폼
- Figma의 'List Comments' 컴포넌트 추가: Figma 파일의 댓글을 가져오기 위해 사용
- 파일 ID 입력: Figma 파일 URL에서 파일 ID를 추출하여 입력
- 댓글 수 제한 설정: 한 번에 가져올 댓글 수를 설정하여 자동화 실행 속도 조절
2단계: 데이터 정제
- 불필요한 정보 제거: 댓글 외의 데이터(예: 타임스탬프, ID 등)를 제거하여 AI가 정확한 정보를 처리하도록 함
3단계: Google Gemini AI 설정
- 이유: 무료에 가까운 비용과 관대한 사용 한도 제공
- 모델 선택: 'Gemini 1.0 Pro' 모델 사용
- API 키 획득: https://ai.google.dev/에서 API 키 발급
- 사용자 입력 텍스트 구성: AI에게 댓글을 최대 4개의 카테고리로 분류하고, 각 카테고리에 요약 및 실제 댓글 예시를 포함하도록 지시
- 고급 설정: 최대 출력 토큰 수를 1000으로 설정하여 응답 길이 제한, 온도를 0.1로 설정하여 응답의 정확성 향상
4단계: Google Docs에 문서 생성
- 폴더 지정: 생성된 문서를 저장할 Google Drive 폴더 선택