Google Sheets 콘텐츠를 Figma에 동기화하기

공개 Google Sheets를 CopyDoc에 연결하고 스프레드시트 콘텐츠를 일치하는 Figma 레이어에 동기화하세요.

영상 튜토리얼: Google Sheets 스프레드시트 콘텐츠를 Figma에 동기화하기(영어)

이 영상에서는 CopyDoc 플러그인으로 Google Sheets 스프레드시트의 콘텐츠를 Figma 디자인에 동기화하는 방법을 보여 줘요.

영상 튜토리얼: 스프레드시트로 Figma 레이어 자동 반복 및 동기화하기(영어)

이 영상에서는 CopyDoc 플러그인으로 스프레드시트를 사용해 Figma 레이어를 자동으로 반복하고 동기화하는 방법을 보여 줘요.

Google Sheets 콘텐츠를 Figma 레이어에 동기화하기 ​

스프레드시트를 Google Sheets로 만들었다면 CopyDoc 플러그인 메인 화면에서 Sync Content 버튼을 클릭해 Figma 디자인과 동기화할 수 있어요. 이 버튼을 클릭하면 이 기능의 설정 패널이 열려요.

CopyDoc이 스프레드시트를 읽으려면 권한이 필요해요. Google Sheets에서 Share를 선택하고, URL을 복사하기 전에 Restricted를 Anyone with the link로 바꾸세요.

회사 정책상 링크 공유가 허용되지 않는다면 Google Sheets를 Excel(.xlsx) 파일로 다운로드하세요. 그 파일을 CopyDoc에 끌어다 놓으면 시트를 공개하지 않고도 같은 동기화 워크플로를 사용할 수 있어요.

Google Sheets URL을 붙여 넣고 Figma와 동기화하기 ​

공개 Google Sheets URL을 Your Public Google Sheet URL 입력란에 붙여 넣으면 스프레드시트 내용을 미리 볼 수 있어요. 올바르게 구성된 유효한 공개 URL이라면 붙여 넣은 뒤 시트에 들어 있는 머리글 미리보기가 자동으로 표시돼요.

스프레드시트 머리글과 일치하도록 이름을 바꾼 레이어가 들어 있는 Figma 레이어를 하나 이상 선택한 다음, Sync Rows with Layers 버튼(Auto Repeat가 켜져 있으면 Sync & Repeat Selected Layer)을 클릭하세요. 스프레드시트의 콘텐츠가 선택한 Figma 레이어(이름을 바꾼 레이어)에 동기화돼요.

폰트가 누락된 Figma 텍스트 레이어는 업데이트할 수 없어요. Figma 텍스트 레이어에 누락된 폰트가 있으면 플러그인이 해당 레이어를 업데이트할 수 없어요. CopyDoc 플러그인으로 어떤 방식으로든 업데이트하려는 텍스트 레이어는 누락된 폰트 문제를 먼저 해결해 주세요.

스프레드시트 행으로 Figma 레이어 하나를 자동 반복하기 ​

Content 또는 Styles 동기화 탭 옵션을 사용할 때 Auto Repeat 토글을 켜면 Figma 레이어 하나를 자동으로 반복할 수 있어요. 처음 선택한 Figma 레이어를 스프레드시트 데이터의 행 수만큼 자동으로 복제해요.

이 기능으로 카드, 카탈로그 항목, 캠페인 레이아웃 하나를 스프레드시트 행마다 콘텐츠가 채워진 디자인으로 만들 수 있어요. 디자인 안의 텍스트 레이어와 이미지 레이어에는 일치하는 스프레드시트 열의 값이 들어가요.

메인 컴포넌트를 선택하면 CopyDoc이 행마다 인스턴스를 만들어요. 기존 인스턴스를 선택하면 그 인스턴스를 복제하고, 프레임을 선택하면 프레임을 복제해요.

선택한 Figma 레이어가 이미 Auto Layout이 켜진 다른 Figma 레이어 바로 안에 있다면, 선택한 레이어가 그 부모 레이어 안에서 자동으로 복제돼요. 그렇지 않으면 CopyDoc이 완전히 새로운 Auto Layout 프레임을 만들고 그 안에 새 Figma 레이어를 복제해요.

자동 반복되는 부모 레이어의 동적 이름 ​

복제된 각 Figma 레이어의 이름을 스프레드시트에서 가져오려면 선택한 템플릿 레이어의 이름을 열 머리글과 맞추세요. CopyDoc은 각 행에서 해당 열의 값을 새 레이어 이름으로 사용해요.

맨 앞의 # 하나는 있어도 되고 없어도 돼요. #Title이라는 레이어는 Title 열과 일치할 수 있고, Title이라는 레이어는 #Title 열과 일치할 수 있어요. 두 머리글이 모두 있으면 값이 비어 있더라도 정확히 일치하는 쪽이 우선해요. 대소문자와 공백은 여전히 일치해야 해요.

스프레드시트에 일치하는 레이어 이름이 없으면 CopyDoc 플러그인은 원래 Figma 레이어 이름에 행 번호를 붙여 사용해요(예: My Frame Layer (Row 3)).