inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

피그마UI3 기초 + 실무 탄탄 초스피드 완강코스

시간 단축과 재사용의 끝판왕 컴포넌트와 베리언트

피그마_6강_컴포넌트 부분 질문입니다.

84

yugangd

작성한 질문수 2

0

 

 

선생님, property로 묶었는데 밖에 나와도 다이아몬드가 1개가아니라 4개 다이아몬드로 나오고 아이콘을 변경해도 그대로 인데ㅠㅜ 왜그런걸까요

복사해서 붙여넣기 한 후 밖으로 빼도 똑같습니다.

네모안에 있을때는 다이아몬드가 하나인데

네모 밖으로 빼면 다이아몬드가 네개가 됩니다.

figma ui

답변 1

0

인프런 AI 인턴

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

yugangd님, 피그마에서 컴포넌트를 사용하는 동안 속성(property) 설정에서 문제가 발생한 것 같습니다. 컴포넌트 바깥에서 다이아몬드가 다르게 표시되는 문제를 겪고 계시군요. 이는 일반적으로 컴포넌트의 속성이나 인스턴스가 올바르게 설정되지 않은 경우 발생할 수 있습니다.

확인해볼 사항:

  1. 컴포넌트 내부 설정: 네모 안에서 다이아몬드를 정확히 표시하는 컴포넌트를 재확인하고, 각 인스턴스가 설정된 속성을 확인하세요. 각 변형이 올바르게 속성에 따라 설정되어 있는지 점검하세요.

  2. 컴포넌트의 인스턴스 확인: 원본 컴포넌트와 인스턴스 간의 관계가 올바른지 확인해 보세요. 피그마에서는 컴포넌트를 복사할 때 인스턴스 관계 유지가 중요합니다.

  3. 속성 충돌 체크: outside에 있는 다이아몬드 속성과 컴포넌트 정의 사이에 충돌이 있을 수 있습니다. 이를 확인하고 해결해야 합니다.

다음은 유사한 문제를 다룬 게시글로, 참고하시면 도움이 될 수 있습니다: 피그마_컴포넌트 관련 문제 해결.

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

수업 자료 문의

0

19

1

node.js 설치 (LTS버전)

0

27

1

Cursor & Antigravity 소개 및 설치

0

32

2

24번 수업에 나온 창은 무슨 프로그램인가요

0

35

1

Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지

0

33

1

토큰 추출을 베리어블+AI 활용 vs 토큰 스튜디오 차이

0

32

2

'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.

0

37

2

커서도 프로 요금제(유료 버전)이 필요하네요

0

54

2

디자인 시스템 강의 질문

1

81

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

44

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

51

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

41

1

PPT 제작 시 실제와 강의 내용 차이 문의

1

58

2

문의

0

54

1

2강 질문

0

71

2

3강 이모티콘 이미지

0

63

1

6강 질문

0

103

1

2강 질문

0

82

2

4강 스마트폰 숙련도 동그라미 겹침

0

61

1

피그마_6강_컴포넌트 부분 질문입니다 :)

1

215

2

아직 수강전인데

0

250

1

2강 질문

0

449

5

프레임으로 이미지를 불러오라는게 무슨 뜻인가용...

0

613

3

강의 누락 "6강_시간 단축과 재사용의 끝판왕 컴포넌트와 베리언트"

0

307

2