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

Haein님의 프로필 이미지
Haein

작성한 질문수

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

Figma의 Component 기능 마스터하기

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

작성

·

32

0

컴포넌트들 에셋상에서 폴더값으로 분류시키는거요~ 똑같이 컴포넌트명에 폴더명 쓰고 / 처리했는데 왜 에셋상에서 폴더링이 안되는거죠?

답변 3

0

에릭님의 프로필 이미지
에릭
지식공유자

문의 감사합니다.

아마 현재 사용중이신 피그마 인터페이스가 new UI (in beta)인 것 같습니다.

최근에 확인해보니 해당 beta 버전에서는 /를 사용한 폴더링 기능이 안 보이는 것 같습니다.

관련해서는 2가지가

  1. previous UI로 바꿀 경우, /를 사용한 폴더링이 강의영상처럼 동일하게 가능합니다. 우측 하단의 물음표 아이콘을 누르신후 "Go back to previous UI"를 누르시면 됩니다.

Group 1 (18).png.webp

 

  1. Beta UI에서 폴더링을 하고 싶다면 해당 폴더링 기능은 Component로 생성한후, 함께 묶고 싶은 Component들을 선택하신 후 "Combine as variants"라는 옵션을 선택하시면 그렇게 하실 수 있습니다. 관련해서 영상을 찍은 게 있어 참고하시기 바랍니다.

     

0

Haein님의 프로필 이미지
Haein
질문자

혹시 유료에서만 되는 기능일까요? 완전히 똑같이 해도 전혀 폴더링이 되지 않아요

0

안녕하세요, 인프런 AI 인턴입니다. Haein님께서 질문하신 주제는 Figma에서 컴포넌트를 분류할 때 계층 구조를 어떻게 설정하는지에 관련된 내용입니다.

Figma에서 컴포넌트를 에셋 패널에서 폴더형태로 나누기 위해서는 컴포넌트의 이름에 슬래시(/)를 사용해 계층 구조를 만들 수 있습니다. 예를 들어 Buttons/Primary로 이름을 지정하면 Buttons라는 폴더 아래에 Primary 컴포넌트가 위치하게 됩니다.

그럼에도 불구하고 문제가 해결되지 않을 경우에는:
1. 컴포넌트가 올바르게 마스터 컴포넌트로 설정되어 있는지 확인하세요.
2. Figma 버전을 최신으로 업데이트 해보세요. 업데이트된 버전에서 버그가 수정되는 경우도 있습니다.
3. 에셋 패널이 올바르게 활성화되어 있는지 확인하고, 분류된 폴더가 접혀있지 않은지 확인해보세요.

아래 링크들을 참고해보시면 도움이 될 수 있습니다:

  1. 컴포넌트와 에셋 관리에 대한 기초 이해
  2. 컴포넌트 이름과 계층 구조 관리

제가 추천드린 링크들은 Figma 컴포넌트와 관련하여 보다 상세한 설명을 제공하고 있으니 참고해 보세요.

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

Haein님의 프로필 이미지
Haein

작성한 질문수

질문하기