Figma에서 SVG 아이콘을 자동으로 내보내고 GitHub에 푸시하는 플러그인입니다.
- Figma에서 SVG 아이콘 자동 내보내기
- GitHub에 자동 푸시 및 PR 생성
- 아이콘 이름 검증 (이름에 'ic' 포함 필수)
- GitHub 토큰 보안 저장
- Figma에서 플러그인 검색
- "Shoplcon" 플러그인 설치
- GitHub에서 Personal Access Token 생성
- GitHub 설정 > Developer settings > Personal access tokens > Tokens (classic)
repo
권한 선택
- 플러그인 UI에서 토큰 입력
- (선택) 토큰 저장 체크박스로 토큰 저장
- Figma에서 내보낼 아이콘 선택
- 플러그인 UI에서 "아이콘 내보내기 및 PR 생성" 버튼 클릭
- 내보내기 진행 상황 확인
- 모든 아이콘 이름에 'ic'가 포함되어야 함
- 예:
ic-home.svg
,ic-arrow-right.svg
- 'ic'가 없는 아이콘은 자동으로 제외됨
- 아이콘 이름에 'ic'가 포함되어 있지 않으면 내보내기가 제외됩니다.
- GitHub 토큰은 로컬에만 저장되며, Figma 서버에는 저장되지 않습니다.
- 내보내기 전에 아이콘 선택이 필요합니다.
- "토큰이 유효하지 않습니다" - GitHub 토큰을 다시 확인하고 입력하세요.
- "아이콘 이름에 'ic'가 포함되어 있지 않습니다" - 아이콘 이름을 수정하세요.
- "내보내기 가능한 아이콘이 없습니다" - 아이콘을 선택하고 이름을 확인하세요.
문제가 발생하면 Figma 플러그인 채널로 문의하세요.