영상 튜토리얼: Figma에서 재사용 가능한 텍스트 콘텐츠 라이브러리 만들기(영어)
이 영상에서는 CopyDoc으로 Figma에서 재사용 가능한 텍스트 콘텐츠 라이브러리를 만드는 방법을 보여 줘요.
영상 튜토리얼: Figma에 텍스트 확장 콘텐츠 스니펫 단축키 추가하기(영어)
이 영상에서는 CopyDoc 플러그인으로 Figma에 텍스트 확장 콘텐츠 스니펫 단축키를 추가하는 방법을 보여 줘요.
텍스트 확장 스니펫 만들기
Content Library 패널을 연 뒤 Collections 탭에서 첫 텍스트 스니펫을 만들려면 Add New Snippet + 버튼을 클릭하고 필수 필드를 입력하세요.
트리거 단축키 이름
트리거 단축키는 Figma 텍스트 레이어에 입력하거나 복사해 붙여 넣으면 콘텐츠로 확장되는 특수 키워드예요(예: //expandme).
컬렉션에 추가(선택 사항)
새로 추가한 텍스트 스니펫은 기본적으로 “Uncategorized”로 분류돼요. 사용자 지정 컬렉션 이름을 만들거나 이전에 만든 컬렉션을 선택하면 스니펫을 카테고리별로 정리할 수 있어요.
텍스트 콘텐츠 스니펫
텍스트 콘텐츠 스니펫에는 콘텐츠 라이브러리에서 스니펫을 클릭했을 때 Figma 텍스트 레이어에 적용될 문자열이 들어가요.
텍스트 스니펫 하나에 여러 변형을 만들려면 문자열 사이에 파이프 기호 두 개를 넣으세요(예: Hey || Hello || Hi).
텍스트 스니펫에서 지원하는 Markdown 서식
원한다면 스니펫에 기본 Markdown 서식(굵게, 기울임꼴)과 링크를 추가할 수 있어요. 스니펫을 Figma 텍스트 레이어에 적용하면 서식이 자동으로 적용돼요.
- 굵은 텍스트는 별표 두 개
**Snipet text to bold**또는 밑줄 두 개eg.__Snipet text to bold__로 지정할 수 있어요. - 기울임꼴 텍스트는 별표 하나
*Italic Snippet Text*또는 밑줄 하나eg._Italic Snippet Text_로 지정할 수 있어요. - 굵은 기울임꼴 텍스트는 별표 세 개
***Bold Italic Snippet Text***또는 밑줄 세 개eg.___Bold Italic Snippet Text___로 지정할 수 있어요. - 하이퍼링크는 Markdown 문법
This is [my link here](https://example.com) in a text snippet으로 지정할 수 있어요(링크의[]텍스트 영역 안에 굵게/기울임꼴 문법을 추가해 링크 텍스트에 서식을 적용할 수도 있어요).
텍스트 레이어를 선택해 스니펫 적용하기
저장한 텍스트 스니펫을 적용하는 첫 번째 방법은 스니펫을 적용할 Figma 텍스트 레이어를 선택한 다음 Apply 버튼을 클릭하는 거예요. 그러면 무작위 스니펫 변형이 해당 텍스트 레이어에 적용돼요.
텍스트 스니펫을 먼저 펼친 다음 특정 변형을 클릭하거나 일괄 적용 옵션(Ordered, Random, A-Z ↓, Z-A ↑)을 고르면, 스니펫을 특정 순서로 적용하거나 특정 변형을 선택해 적용할 수도 있어요.
텍스트 확장 트리거로 스니펫 적용하기
저장한 텍스트 스니펫을 사용하는 또 다른 방법은 Figma 텍스트 레이어의 콘텐츠를 편집하면서 텍스트 스니펫 “트리거”(예: //expandme)를 레이어에 바로 복사해 붙여 넣거나 직접 입력하는 거예요. 그러면 트리거 단축키가 추가해 둔 전체 텍스트 스니펫으로 자동 확장돼요.
트리거는 CopyDoc의 다른 기능에서도 쓸 수 있어요. 텍스트 확장 스니펫은 Figma 텍스트 레이어의 콘텐츠가 업데이트될 때 스니펫을 자동으로 감지해 작동해요. 그래서 CopyDoc의 다른 텍스트 레이어 업데이트 방법(예: 찾아 바꾸기, CSV/XLSX 일괄 가져오기, Google Sheets 동기화)을 사용할 때도 트리거 단축키를 쓸 수 있어요. 업데이트할 콘텐츠에 트리거 이름을 넣기만 하면 돼요. for example, Hello //firstname, how it's going?
텍스트 스니펫 편집 또는 삭제
이전에 콘텐츠 라이브러리에 추가한 사용자 지정 텍스트 스니펫을 삭제하거나 편집하려면 Collections 탭의 스니펫 목록에서 텍스트 스니펫을 클릭해 펼치세요. 삭제하려면 Trash 아이콘 버튼을 클릭하고 Delete로 확인하세요. 편집하려면 Pencil 아이콘 버튼을 클릭해 편집 패널을 여세요. 선택한 스니펫의 트리거 이름, 컬렉션, 텍스트 콘텐츠를 업데이트할 수 있어요.
텍스트 스니펫 일괄 이동 또는 삭제
여러 텍스트 스니펫을 다른 컬렉션으로 빠르게 옮기려면 옮길 스니펫의 체크박스를 선택하고, Select Snippet Collection 드롭다운에서 기존 컬렉션 이름을 선택하거나 새 컬렉션 이름을 추가한 다음 Move 버튼을 클릭하세요.
스니펫을 다른 컬렉션으로 옮기는 대신 Delete 버튼을 클릭하고 Delete로 확인하면 선택한 스니펫을 모두 일괄 삭제할 수도 있어요.
텍스트 스니펫을 CSV로 내보내기
사용자 지정 텍스트 스니펫을 .csv 파일로 내보내려면 내보낼 스니펫의 체크박스를 선택한 다음 Export To CSV 버튼을 클릭하세요. 선택한 스니펫이 .csv 파일로 자동 다운로드되어 컴퓨터에 저장할 수 있어요.
이 .csv 파일을 편집한 뒤 콘텐츠 라이브러리 스니펫으로 다시 가져올 수 있어요.
CSV에서 텍스트 스니펫 가져오기
CopyDoc 콘텐츠 라이브러리 기능의 Collections 탭에서 Import CSV 버튼을 클릭하면 사용자 지정 텍스트 트리거와 스니펫이 담긴 .csv 파일을 가져올 수 있어요.
드롭 영역에 끌어다 놓는 .csv 파일은 Export CSV 기능으로 내보낸 뒤 업데이트한 스프레드시트일 수도 있고, 같은 형식으로 만든 완전히 새로운 스프레드시트일 수도 있어요.
CSV는 다음 구조를 따라야 해요. 첫 번째 행(헤더 행)의 각 열에는 트리거 이름(예: //expandme)을 넣고, 각 트리거 열 아래 행에는 스니펫별 텍스트 변형을 하나씩 채워요.
| //firstname | //cities |
|---|---|
| Kate | Seattle |
| Elbert | Los Angeles |
| Michael | New York |
| Amy | Austin |
| Portland | |
| Boston |