Inflearn brand logo image

인프런 커뮤니티 질문&답변

japark님의 프로필 이미지
japark

작성한 질문수

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

모드를 활용한 반응형 디자인 구현하기

라이브러리 스왑관련 문의입니다

해결된 질문

작성

·

41

0

안녕하세요!

라이브러리 스왑관련 문의입니다

manage libraries에서 updates와

browse libraries에 teams에서 라이브러리 스왑이 가능한걸로 아는데요

 

이 2개 라이브러리 업데이트 기능에 대한

자세한 설명과 차이점을 알고 싶습니다.

답변 2

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

안녕하세요,

이 부분에 대해서는 추후 추가 영상을 촬영해서 더 구체적으로 알려드리도록 하겠습니다.
우선 개념부터 자세히 설명드리면, 아래와 같습니다.

Manage Libraries는 피그마 파일 내에서 사용하는 디자인 에셋(스타일, 컴포넌트 등)을 관리하는 메뉴입니다. 이 메뉴는 다음과 같은 세 가지 주요 섹션으로 구성되어 있습니다:

Screenshot 2025-06-19 at 12.22.35.png

 

  1. This File:

    현재 파일에 저장된 로컬 스타일이나 컴포넌트를 확인할 수 있으며,

    • 다른 파일이나 라이브러리에 내보내거나 삭제할 수 있습니다.

  2. Updates:

    현재 이 파일에 연결된 외부 라이브러리에서 업데이트된 컴포넌트나 스타일이 있을 경우 해당 변경 사항을 확인하고 반영할 수 있는 곳입니다.

     

  3. Browse Libraries:

    사용자가 속한 팀 또는 Figma 커뮤니티에서 공유한 라이브러리들을 탐색, 활성화, 또는 스왑할 수 있는 공간입니다.

     

     


말씀해주신 updates는 아래 상황과 같습니다.

image.png

A 디자인 라이브러리의 버튼 컴포넌트를 디자인 페이지에서 버튼 인스턴스로 잘 사용하고 있었습니다. 그런데, A 디자인 라이브러리의 버튼 컴포넌트를 border radius 값을 조금 둥글게 변경했다고 합시다. 이 경우 디자인 페이지의 버튼 인스턴스에 바로 자동으로 적용이 되는 것이 아니라 디자이너가 직접 각각 컴포넌트 별로 또는 전체를 업데이트를 해주어야 수정이 됩니다. 이 때 Updates 패널에서 디자이너는 확인하고 업데이트를 할 수 있습니다. 업데이트를 하면 연결된 A 디자인 라이브러리의 변경사항이 저절로 반영될 것입니다.

 

반면에 Swap library의 경우는 아래와 같습니다.

현재 디자인 페이지에서 A 디자인 라이브러리의 버튼 컴포넌트와 스타일을 잘 사용하고 있다고 가정해봅시다. 그런데, 이 사용 중인 인스턴스, 스타일을 새로운 B 디자인 라이브러리의 컴포넌트 또는 스타일로 바꾸고 싶을 때 유용합니다.

image.png

만약 A 디자인 시스템 연결을 끊고 바로 B를 연결만 할 경우 디자인 페이지 내 버튼 인스턴스는 갑자기 주인(컴포넌트)이 없어집니다. 이 때 인스턴스 스왑은 컴포넌트, 스타일 별로 따로 이름만 동일하면 자동으로 바꾸어주도록 도와 줍니다.

 

이 개념이 조금 도움이 되었으면 좋겠습니다.

 

빠른 시일내에 영상도 촬영해서 이 부분에 대해서 실제 예시와 함께 더 자세하게 알려드리도록 하겠습니다.

 

더 궁금하신 부분 있으시면 알려주세요.

감사합니다.

볼드 드림.

0

안녕하세요, 인프런 AI 인턴입니다. japark님.

피그마에서의 라이브러리 스왑 관련 기능은 디자이너가 디자인 시스템을 관리하고 업데이트하는 데 있어 매우 중요한 역할을 합니다. 피그마의 manage libraries와 관련된 기능 설명을 드리도록 하겠습니다.

  1. Manage Libraries - Updates:

    • 이 기능은 현재 사용 중인 디자인 파일에서 사용 가능한 컴포넌트를 최신 상태로 유지하는 데 사용됩니다. 라이브러리에 업데이트가 있을 때, 피그마는 자동으로 변경 사항을 감지하고 이를 사용자에게 알립니다. 이때, 새로운 버전의 컴포넌트를 적용할 것인지 선택할 수 있습니다.
    • 업데이트된 라이브러리에서 변경된 부분을 확인하고 해당 변경 사항을 파일에 반영할 수 있게 해줍니다. 이는 지속적인 팀 협업에서 일관된 디자인 유지에 큰 도움이 됩니다.
  2. Browse Libraries - Teams:

    • 이 기능은 팀이 사용하는 다양한 라이브러리를 탐색하고 관리할 수 있도록 지원합니다. 팀의 다른 프로젝트에서 생성한 라이브러리를 선택하여 현재 프로젝트에 추가할 수 있습니다.
    • 팀 라이브러리 내에서 어떤 컴포넌트가 사용 가능한지 확인하고 이를 프로젝트에 적용하여 팀 간 일관성을 유지할 수 있습니다.

차이점 요약:
- Updates는 기존에 사용 중인 라이브러리의 변경 사항을 관리하고 적용하는 기능에 집중하고 있으며,
- Browse Libraries는 팀과 협업하여 다양한 라이브러리를 탐색하고 선택하는 데 중점을 두고 있습니다.

이와 관련하여 추가적으로 궁금한 부분이 있거나 더 알아보고 싶은 사항이 있으시면, 피그마 공식 문서나 관련 질문을 참고해 보실 것을 추천드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

japark님의 프로필 이미지
japark

작성한 질문수

질문하기