강의

멘토링

로드맵

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

orehi3634님의 프로필 이미지
orehi3634

작성한 질문수

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

만능으로 쓰이는 기본 카드(Basic Cards) ✅

Image placeholder 그룹화

작성

·

16

0

image.png

Lock Aspect Ratio 플러그인을 안써서 제 Image Placeholder는 그룹이 안생긴걸까요?

14:22초 처럼 Image placeholder-Dynamic에 붙여넣을 [Place image]나 하위 개념이 없습니다.

 

Frame 새로 만들고 그룹으로 만들고 컴퍼넌트화해서 구조를 비슷하게는 해봤는데 (아래에 두번째 사진첨부)그렇게 하면 되는건지 궁금합니다.

image.png

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. orehi3634님, 질문해주셔서 감사합니다.

이미지 플레이스홀더와 그룹화 관련 문제 해결

피그마에서 이미지 플레이스홀더를 사용하면서 그룹화 문제를 겪고 계신 것 같습니다. 질문에서 언급하신 “Lock Aspect Ratio” 플러그인과 관련된 부분은 아래 내용을 참고하시면 도움이 될 것 같습니다.

Lock Aspect Ratio 및 이미지 플레이스홀더 설정

  1. Lock Aspect Ratio 기능: 이 기능은 선택된 요소의 가로 세로 비율을 고정하여 크기를 조절할 때 형태가 변형되지 않도록 합니다. 피그마의 기본 기능으로 사용 가능하며, 레이어를 섞어 관리하면서도 비율 유지가 가능하므로, 플러그인 사용 없이도 이미지를 구성할 수 있습니다.

  2. 이미지 플레이스홀더 설정:

    • 플레이스홀더를 만들 때 프레임을 사용하여 기본 구조를 설정한 다음, 그 안에 이미지를 삽입하는 방식을 사용합니다.
    • 그룹화를 통해 플레이스홀더와 이미지의 결합 상태를 유지할 수 있으며, 이를 활용하여 컴포넌트로 변환할 수도 있습니다.
  3. 구조화 접근법:

    • 프레임을 사용하여 이미지 플레이스홀더의 기본 구조를 잡고, 각각의 플레이스홀더는 개별적인 요소로 구성됩니다. 이를 통해 다양한 해상도에 맞춘 컴포넌트를 제작 가능합니다.
    • 구조 상 하위 개념이 나타나지 않는 경우, [Image] 요소를 프레임 내부에서 관리하고 있는지, 그리고 프레임 자체가 제대로 설정되어 있는지를 확인해보세요.

이어서 할 수 있는 방법

현재 접근하신 대로 프레임을 사용하고, 각 요소를 그룹화하여 컴포넌트화하는 것은 올바른 접근입니다. 다만, 세부적으로 컨펌이 필요한 경우 아래 유사한 질문들을 참고하시면 도움이 될 수 있습니다:

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

orehi3634님의 프로필 이미지
orehi3634

작성한 질문수

질문하기