inflearn logo
강의

Course

Instructor

[UI3 Update] Building a Design System Using Figma Variables

Tooltip (Tooltips) ✅

폴리곤 포함 프레임 내 색상 관련 문의

Resolved

309

equalsocial

20 asked

1

화면 캡처 2024-03-21 220845.png

위의 그림처럼 폴라곤이 있는 프레임 부분에 칼라가 채워져 나옵니다. 여러 가지 방법을 시도해봤지만 해결이 되지 않아 질문 남깁니다.

 

고맙습니다.

웹-디자인 figma figma-tokens 디자인-시스템 아토믹-디자인 figma-variable

Answer 2

1

bolduxlab

질문주셔서 감사합니다.

 

이것은 break 폴리곤을 덮고 있는 break 프레임의 배경색을 빼주시면 쉽게 해결될 것 같습니다.

image

그래도 해결이 되지 않으시면, 파일 링크를 보내주시면 문제를 빨리 해결해드릴 수 있을 것 같습니다.

 

감사합니다.

0

equalsocial

break 프레임에는 배경색이 빠져 있는데 계속 그러네요ㅠ 링크 공유하오니 참고 부탁드릴게요!
https://www.figma.com/file/7hdCq1HOI1cUc5LCxvHlSm/%5B%EA%B1%B4%EB%84%88%EA%B1%B4%EB%84%88%5D-%EC%9E%85%EB%A0%A5-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8?type=design&node-id=57%3A770&mode=design&t=IdGGAXF5cDTrFkG7-1

0

bolduxlab

문제의 원인을 발견했습니다.

저도 처음보는 케이스라 계속 시도해보다가 발견했네요.

제 추측으로는 전체 툴팁에서 그림자를 넣어서 전체 테두리 그림자가 생겼는데, 현재 보시면 break 프레임에 Clip 컨텐츠를 하면서 테두리 그림자가 잘리면서 발생한 흔적인거 같습니다.

 

문제 해결 방법은 break 프레임의 Clip contents를 다 해제 해주시면 됩니다.

보내주신 파일에 코멘트 남겨놓았습니다.

 

질문 주셔서 감사합니다. 저도 처음보는 오류네요 ㅎㅎ

감사합니다.

 

반응형 웹 디자인

0

41

2

액션 아이콘 컴포넌트 질문

0

37

2

셀렉트(Select & Dropdown menu) - 파트 1 / selected 토글 버튼

0

36

3

스피너 아이콘 크기 질문

0

39

2

미리보기 빈칸생기는 현상

0

32

2

아이콘 빌런 부분

0

35

2

배리어블 Value에 관해 질문있습니다.

0

66

1

Body>font weight 에서 semibold에 짝대기가 생기는 이유?

0

53

1

Navigation Mobile 토글 베리어블이 안됩니당

1

51

2

Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름

0

48

1

디자인 시스템에 그룹명을 숨길 수도 있나요?

0

52

2

디자인 시스템 네이밍에 관한 질문드립니다.

0

71

2

next step?

1

87

1

16강 Print Variables 출력 질문

0

88

2

open in Figma 누르고 ui kit 다운?받았을 때

0

87

2

variables 이름 지을때 소문자,대문자 사용에 관해..

0

114

2

디자인 시스템 네이밍 순서에 대해 질문남깁니다!

0

130

2

이미지 캐러셀 영상

0

77

2

아이콘 사이즈 컴포넌트 구성 방식 관련

0

127

3

완강/리뷰 이벤트 후 강의자료

0

70

2

Stack 컴포넌트 관련하여 궁금한 점이 있습니다.

0

71

1

컴포넌트별 베리어블 구축

0

98

2

인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?

0

49

1

섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문

0

59

2