영상 튜토리얼: Figma 파일에서 댓글 내보내기(영어)

이 영상에서는 CopyDoc 플러그인으로 Figma 파일의 댓글을 CSV/JSON 파일(이미지 참조 포함)로 내보내는 방법을 보여 줘요.

Figma 개인 액세스 토큰 생성

CopyDoc 플러그인에서 댓글을 내보내려면 Figma 계정에서 개인 액세스 토큰을 생성해야 해요.

1. Settings 패널로 이동하세요(Figma 계정 아이콘 아래 드롭다운 메뉴에 있어요).
2. 설정 팝업의 Account 탭을 Personal access tokens 섹션까지 아래로 스크롤하세요.
3. Generate new token을 클릭하세요.
4. Token name을 입력하세요(예: CopyDoc Figma Plugin).
5. Expiration 드롭다운 옵션을 90 Days로 설정하세요.
6. File content 드롭다운 옵션이 Read-only로 설정되어 있는지 확인하세요.
7. Comments 드롭다운 옵션이 Write로 설정되어 있는지 확인하세요.
8. 나머지 드롭다운 옵션은 모두 No access로 두면 돼요.
9. Generate token 버튼을 클릭하세요.
10. Copy this token을 클릭하세요(복사할 수 있는 기회는 이때뿐이에요).

CopyDoc 플러그인에서 Figma 댓글 내보내기

이 기능을 시작하려면 CopyDoc 플러그인 메인 화면에서 Export Comments 버튼을 클릭한 다음, 아래 단계를 따르세요.

Figma 개인 토큰 추가

Figma 파일의 댓글을 읽는 요청을 인증하려면 위의 Figma 개인 액세스 토큰 생성 섹션에 있는 단계에 따라 Figma 개인 액세스 토큰을 직접 추가해야 해요.

내보내기에 성공하면 토큰이 자동으로 저장돼요. CopyDoc으로 댓글을 내보내는 데 성공하면 Figma 개인 액세스 토큰이 자동으로 저장되고(입력란에도 미리 채워져요), 이후 다른 Figma 프로젝트에서 플러그인을 사용할 때도 쓸 수 있어요.

Figma 파일 URL 추가

Figma 헤더의 Share 버튼을 클릭하고, 팝업 창에서 Copy link를 클릭한 다음, 복사한 URL을 CopyDoc 플러그인 설정의 Figma Page URL (Required) 입력란에 붙여 넣어 Figma 페이지 URL을 직접 추가해야 해요.

디자인 참조 옵션 켜기

Include Design References 옵션을 켜면 댓글이 하나 이상 있는 프레임마다 .png 이미지(댓글 스레드별로 번호가 매겨진 핀이 위치에 맞게 표시돼요)가 포함돼요. 이 이미지는 .csv와 .json 파일로 내보낸 텍스트 댓글과 함께 보는 시각적 참조로 활용할 수 있어요.

댓글 가져오기 및 내보내기

유효한 Figma Page URL과 Figma Personal Access Token을 추가했다면 Export Comments to CSV/JSON 버튼을 클릭하세요. Figma 파일에서 댓글을 모두 찾아 CSV와 JSON 파일을 생성해요(Include Design References 옵션을 켰다면 이미지 참조도 함께 생성해요).

CopyDoc이 댓글 내보내기를 마치면 확인 메시지가 표시돼요. Download Comments 버튼을 클릭하면 내보낸 댓글이 담긴 .zip 파일을 다운로드할 수 있어요.

Figma에서 다운로드한 파일 저장하기 Figma 데스크톱 앱을 사용한다면 파일을 다운로드하라는 창이 나타나요. 하지만 웹 브라우저에서 Figma를 사용한다면 기본적으로 파일이 컴퓨터에 자동으로 다운로드돼요(보통 컴퓨터의 Downloads 폴더에 저장돼요).

.zip 파일 열기

Figma에서 컴퓨터로 .zip 파일을 다운로드했다면 파일 탐색기에서 파일이 저장된 폴더를 여세요. 내보낸 .zip 파일을 더블 클릭하면 압축이 풀리고, 댓글을 원하는 대로 활용할 수 있어요.