본문 바로가기
Figma 정리

Figma_Group & Frame & Section 생성 및 차이

by SIENNA1003 2024. 4. 25.

 

Section : 프레임들을 담는 단위

Frame : 콘텐츠를 담는 박스

Group : 요소를 묶는 단위

 

Frame VS Group
프레임과 그룹의 차이

 

 

같은 조건의 Frame 과 Group을 만들었다.

 

Frame : 프레임 위에 프레임 이름이 적힌 모습을 확인할 수 있다.

Group : 그룹은 이름이 적히지 않은 모습을 확인 할 수 있다.

 

  • Stroke

 

Frame : 프레임 테두리에 선 두께가 변한 것을 확인 할 수 있다.

Group : 모든 도형의 선 두께가 변한 것을 확인 할 수 있다.

  • Fill

 

Frame : 프레임에 색이 채워진 모습을 확인 할 수 있다.

Group : 도형의 모든 색이 채워진 모습을 확인 할 수 있다.

 

  • Resizing

 

Frame : 도형의 크기는 변하지 않고 Frame의 크기만 변한다.

Group : 도형의 크키가 함께 변한다.

 

따라서, 그룹은 콘텐츠에 직접적인 영향이 가는 것을 알 수 있다.

 

+ Clip content

Frame 밖에 있는 도형을 보고 싶지 않으면

Clip content를 설정 해주면 된다.

'Figma 정리' 카테고리의 다른 글

Figma_Auto layout 리사이징  (0) 2024.04.29
Figma_Flow chart 만들기  (0) 2024.04.25
Figma_Unslpash 플러그인 사용법  (0) 2024.04.24
Figam_클리핑 마스크  (0) 2024.04.24
Figma_Style 지정하기  (0) 2024.04.24