라이브러리 게시
이 문서는 이전 Figma UI와 새로운 Figma UI에서 모두 확인할 수 있습니다. 페이지 왼쪽 하단의 토글을 사용하여 현재 UI를 선택하세요. UI3 알아보기: Figma의 새 디자인 →
팀원들과 공통 디자인 요소(예: 버튼, 아이콘, UI 요소, 색상, 특정 속성의 값)를 공유할 수 있는 라이브러리를 게시하세요. 다른 사람들도 이러한 디자인 요소를 자신의 파일에 사용할 수 있어, 모든 사람이 일관성을 유지하는 데 도움이 됩니다.
파일에서 스타일, 컴포넌트 또는 변수를 처음 만들면, 해당 파일에서만 액세스할 수 있습니다. 다른 파일에서 사용할 수 있도록 하려면 라이브러리로 게시해야 합니다.
이러한 에셋을 변경하거나 새 에셋을 추가하면 라이브러리에 업데이트로 게시할 수 있습니다. 파일에서 라이브러리를 사용하는 사람들은 빠르게 변경 사항을 검토하고 자신의 디자인을 자동 업데이트할 수 있습니다.
참고: 라이브러리는 유료 요금제에서만 사용할 수 있습니다. 무료 스타터 요금제에서도 컴포넌트와 스타일을 만들 수 있지만, 라이브러리에 게시하여 다른 파일에서 액세스할 수는 없습니다.
라이브러리 게시
디자인 파일을 라이브러리로 게시하려면 파일에 최소한 하나의 컴포넌트, 스타일 또는 변수가 있어야 합니다. 파일이 초안 상태라면 게시하기 전에 프로젝트로 옮겨야 합니다.
게시되고 나면 라이브러리의 소스 파일에 액세스할 수 있는 사람은 누구나 자신의 파일에서 라이브러리를 사용할 수 있습니다.
팁: 라이브러리의 이름은 소스 파일에서 상속받습니다. 사람들이 파일의 용도를 이해할 수 있도록 명확하고 의미 있는 이름을 지정하세요. 그 예로 'Habitz 디자인 시스템', 'UI3 라이브러리', '웹사이트 디자인 키트'를 들 수 있습니다.
- 공유할 컴포넌트, 스타일 또는 변수가 포함된 파일에서 왼쪽 사이드바의 에셋 탭을 선택합니다.
- Libraries(라이브러리) 아이콘을 클릭합니다. 툴팁에는 파일에서 사용 중인 라이브러리에 업데이트가 있는 경우 Review library updates(라이브러리 업데이트 검토)가 표시되고, 파일에 게시되지 않은 업데이트가 있는 경우 Review unpublished changes(게시되지 않은 변경 사항 검토)가 표시될 수 있습니다.
- This file(이 파일) 섹션에서 현재 파일을 찾아 Publish(게시하기)를 클릭합니다.
- 라이브러리의 목적에 대한 설명이나 결정 또는 변경 사항에 대한 요약을 추가합니다.
- 추가, 수정 또는 제거한 스타일, 컴포넌트, 변수 목록에서 게시하지 않으려는 애셋을 선택 취소합니다. Changes(변경 사항)를 선택 취소하여 모든 항목을 선택 해제할 수도 있습니다.
- 오거니제이션 및 엔터프라이즈 요금제만 해당: 드롭다운 메뉴를 사용하여 라이브러리를 게시할 위치를 선택합니다.
- Publish(게시하기)를 클릭합니다. 라이브러리가 성공적으로 게시되었음을 확인하는 알림이 표시됩니다.
팁: 특정 컴포넌트, 스타일, 변수가 절대 게시되지 않도록 하려면 게시 흐름에서 숨길 수 있습니다. 라이브러리 모달에서 에셋을 마우스로 우클릭하고 Hide when publishing(게시할 때 숨기기)을 선택합니다. 실행 취소하려면 에셋을 다시 우클릭하고 Show when publishing(게시할 때 표시)을 선택합니다.
게시 버튼이 작동하지 않는 이유는 무엇인가요?
게시 버튼이 비활성화된 경우, 그 이유는 다음 중 하나일 수 있습니다.
- 파일에 컴포넌트, 스타일, 또는 변수가 없습니다. 새로 생성하여 게시 옵션이 나타나는지 확인하세요.
- 라이브러리에 게시할 수 있는 변경 사항이 없습니다. 이 경우 라이브러리가 마지막으로 게시된 이후 변경된 사항은 없습니다. 라이브러리에서 컴포넌트, 스타일 또는 변수를 편집해 보세요. 편집 중인 디자인 요소가 게시 시 숨겨져 있는지 확인해야 할 수도 있습니다.
라이브러리를 게시할 위치 선택하기 오거니제이션 및 엔터프라이즈
오거니제이션 또는 엔터프라이즈 요금제 사용자는 라이브러리를 특정 팀이나 전체 조직에 게시할 수 있습니다. 엔터프라이즈 요금제 사용자는 작업 공간에 라이브러리를 게시할 수도 있습니다.
이를 통해 라이브러리는 적합한 대상에게 도달할 수 있습니다. 예를 들어, 회사 전체의 디자인 시스템 라이브러리를 조직에 게시하거나, 모바일 앱 구성 요소가 포함된 라이브러리를 모바일 앱을 개발하는 특정 팀에 게시할 수 있습니다.
라이브러리의 소스 파일에 공유 권한이 너무 제한적이면 Figma에서 해당 권한을 변경하라는 메시지를 표시합니다. 예를 들어, 파일이 Only invited people can access(초대된 사람만 액세스할 수 있음)로 설정되어 있는 상태에서 조직에 라이브러리를 게시하려는 경우, 파일의 권한을 Everyone at your organization can access(조직의 모든 구성원이 액세스할 수 있음)로 변경하라는 메시지가 표시됩니다.
라이브러리에 업데이트 게시하기
라이브러리 소스 파일에서 스타일, 컴포넌트, 변수를 변경하면 해당 변경 사항은 게시하기 전까지 현재 파일에서만 표시됩니다. 라이브러리에 업데이트를 게시하려면 라이브러리를 처음 게시하는 경우와 동일한 절차를 따르면 됩니다.
참고: 라이브러리에 업데이트를 게시하면 라이브러리를 사용하는 사람들은 파일 왼쪽 사이드바의 라이브러리 아이콘에서 파란색 배지를 볼 수 있습니다. 그런 다음 업데이트를 검토하고 수락할 수 있습니다.
팁: 라이브러리에 업데이트를 게시할 때마다 설명을 추가하라는 메시지가 표시됩니다. 이를 통해 라이브러리를 사용하는 사람들에게 결정 사항과 변경 사항을 전달할 수 있습니다.
Figma는 라이브러리에서 업데이트를 수락할 때 설명을 표시하며, 파일의 버전 내역에도 설명이 표시됩니다.
스타일, 컴포넌트, 변수를 처음 생성하면 현재 파일에서만 액세스할 수 있습니다. 다른 파일에서 사용하려면 라이브러리로 게시할 수 있습니다.
스타일, 컴포넌트 및 변수를 게시할 수 있는 사람은 누구인가요?
스타일, 컴포넌트, 변수 게시하기
Library(라이브러리) 모달에서 에셋을 라이브러리에 게시합니다. 게시할 스타일, 컴포넌트, 변수를 선택할 수 있습니다. 게시 절차는 새 라이브러리뿐만 아니라 기존 라이브러리 변경 시에도 동일합니다.
파일 내에서 Library(라이브러리)에 액세스하는 방법에는 몇 가지가 있습니다.
- 왼쪽 사이드바에서 Assets(에셋) 패널을 클릭합니다.
- (을)를 클릭하여 라이브러리 모달을 엽니다.
- 상단 도구 모음에서 Libraries(라이브러리) 아이콘을 클릭합니다.
파일 이름 드롭다운에서 Library(라이브러리) 모달에 액세스할 수도 있습니다.
- 캔버스의 빈 곳을 클릭하면 모든 레이어 선택이 해제됩니다.
- 도구 모음에서 파일 이름 옆에 있는 (을)를 클릭합니다.
- 옵션에서 Publish library(라이브러리 게시)를 선택합니다.
다음 키보드 바로가기를 사용합니다.
- Mac: ⌥ Option 3
- Windows: Alt 3
참고: 라이브러리는 유료 요금제에서만 사용할 수 있습니다. 무료 스타터 요금제에서도 컴포넌트와 스타일을 만들고 사용할 수 있지만, 게시하여 다른 파일에서 액세스할 수는 없습니다.
라이브러리에 게시
라이브러리에 게시할 때마다 설명을 추가하라는 메시지가 표시됩니다. 이를 통해 라이브러리를 사용하는 사람들에게 결정 사항과 변경 사항을 전달할 수 있습니다.
Figma는 라이브러리에서 업데이트를 수락할 때 설명을 표시하며, 파일의 버전 내역에도 설명이 표시됩니다.
스타일, 컴포넌트, 변수가 있는 파일에서 해당 스타일, 컴포넌트, 변수를 게시합니다.
- 파일에서 라이브러리 모달 열기 ↑
- Libraries(라이브러리) 탭을 선택합니다.
- Current file(현재 파일) 섹션에서 Publish(게시하기) 버튼을 클릭합니다.
- 라이브러리의 목적에 대한 설명이나 결정 또는 변경 사항에 대한 요약을 추가합니다.
- 라이브러리의 변경 사항 목록을 확인합니다. 여기에는 추가, 수정 또는 삭제된 스타일, 컴포넌트, 변수가 자세히 설명되어 있습니다.
- 게시할 변경 사항을 선택합니다.
- 게시하려는 개별 애셋을 확인합니다.
- 게시하고 싶지 않은 개별 애셋을 선택 취소합니다.
- Changes(변경 사항)를 선택 해제하여 모든 스타일과 컴포넌트의 선택을 취소합니다.
- 에셋을 완료한 후 Publish(게시하기) 버튼을 클릭합니다. Figma에서 파일이 성공적으로 게시되었음을 확인하는 알림을 표시합니다.
참고: 라이브러리를 게시하려고 할 때 오류가 발생하면 방화벽 설정을 조정해야 할 수도 있습니다. →
개별 스타일, 컴포넌트, 변수 게시하기
게시된 파일에서 스타일, 컴포넌트, 변수가 누락되었거나 더 추가하고 싶은 경우, 개별적으로 게시할 수 있습니다.
- 왼쪽 사이드바에서 Assets(애셋) 탭을 클릭하거나 키보드 단축키를 사용합니다.
- MacOS: ⌥ Option 2
- Windows: Alt 2
- Hidden(숨김) 섹션까지 아래로 스크롤하여 파일에 존재하지만 게시되지 않은 모든 컴포넌트를 나열합니다.
- 컴포넌트를 마우스로 우클릭하고 Show when publishing(게시할 때 표시)를 선택합니다.
.또는_접두사를 사용하여 컴포넌트를 숨긴 경우, 이를 제거해야 합니다. - Figma에서 업데이트가 성공적으로 게시되었음을 알려드립니다.
팁: 캔버스에서 바로 컴포넌트를 빠르게 게시할 수 있습니다. 게시할 컴포넌트를 마우스로 우클릭하고 Publish selected components(선택한 컴포넌트 게시)를 선택합니다.
라이브러리에 업데이트 게시하기
게시된 스타일, 컴포넌트, 변수를 변경하면 해당 변경 사항은 현재 파일의 인스턴스에만 적용됩니다. 변경 사항이 라이브러리에 적용되도록 하려면 라이브러리에도 이러한 변경 사항을 게시해야 합니다.
Figma는 게시해야 할 업데이트가 있는 경우, 상단 도구 모음의 Libraries(라이브러리) 아이콘에 파란색 점을 표시합니다.
참고: 검토할 수 있는 라이브러리 업데이트가 있는 경우 Libraries(라이브러리) 아이콘에 파란색 배지도 표시됩니다. 라이브러리 업데이트 검토 및 수락에 대해 자세히 알아보기 →
- 다음 중 하나를 수행하여 라이브러리 패널을 엽니다.
- 상단 도구 모음에서 Libraries(라이브러리) 아이콘을 클릭합니다.
- 왼쪽 사이드바에서 Assets(애셋) 패널을 선택한 다음 Libraries(라이브러리) 아이콘을 클릭합니다.
- Libraries(라이브러리) 탭을 선택합니다.
- 결정이나 변경 사항에 대한 설명을 추가합니다. 이 내용은 파일의 버전 내역과 Libraries(라이브러리) 모달의 Updates(업데이트) 탭에 표시됩니다.
- 라이브러리의 변경 사항 목록을 확인합니다. 여기에는 추가, 수정, 제거된 스타일과 컴포넌트가 자세히 설명되어 있습니다.
- 게시할 변경 사항을 선택합니다.
- 게시할 개별 컴포넌트를 확인합니다.
- 게시하고 싶지 않은 개별 컴포넌트를 선택 취소합니다.
- Changes(변경 사항)를 선택 해제하여 모든 스타일과 컴포넌트의 선택을 취소합니다.
- 스타일과 컴포넌트를 완성했으면 Publish(게시하기) 버튼을 클릭합니다. Figma에서 파일이 성공적으로 게시되었음을 확인하는 알림을 표시합니다.
참고: 조직의 멤버인 경우, 라이브러리를 조직과 공유하도록 선택할 수도 있습니다. 이렇게 하면 조직의 다른 멤버가 이 파일에서 스타일과 컴포넌트를 찾아 사용할 수 있습니다.
Publish(게시하기)를 클릭하기 전에 Allow any member of organization to access this file(조직의 모든 멤버가 이 파일에 액세스할 수 있도록 허용) 옆의 확인란을 선택합니다. 조직에서 라이브러리를 추가하고 제거하는 방법 알아보기 →
팁: 공유하고 싶지 않은 스타일과 컴포넌트가 있거나 아직 작업 중인 경우, 게시할 때 제외할 수 있습니다. 공유할 준비가 되면 다시 표시하여 게시하고 공유할 수 있습니다.