inflearn logo
강의

Course

Instructor

Getting Started with Figma

2- Difference between Frame and Group

그룹에 대한 질문입니다

121

dogseen6519

14 asked

0

2-프레임과 그룹의 차이 학습후 질문드립니다

 

  1. 그룹을 사용하는 이유가 궁금합니다. 프레임이 더 이점이 많은것 같아서요

  2. 그룹을 어떻게 만드셨나요? 하단 UI 상으로는 프레임과 도형정도만 있습니다

웹-디자인 모바일-디자인 figma ui ux

Answer 2

1

lucymygirl

안녕하세요 도크님
질문 주셔서 감사합니다.
단축키 Cmd+G(Ctrl+G)로 그룹을 만들 수 있습니다. 툴바에는 없습니다.

기능이 제한이 많이 있어서 그룹은 잘 사용하지 않아요. 거의 프레임 또는 오토 레이아웃을 사용합니다. 빨리, 간단히 묶는 용도는 사용해도 괜찮습니다.

수업 보면서 궁금한 점이 있으면 언제든지 질문 주세요.

감사합니다.

0

dogseen6519

답변 감사드립니다!

0

communityai8509

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

프레임과 그룹은 피그마에서 각각 다른 용도로 사용됩니다. 이를 이해하면 언제 어떤 것을 사용하는 것이 좋은지 결정하는 데 도움이 됩니다.

  1. 그룹을 사용하는 이유:

    • 단순화 및 관리: 여러 개의 객체를 하나로 묶어 마우스 클릭 한 번으로 동시에 이동하거나 크기를 조절할 수 있습니다. 이는 빠른 디자인 레이아웃을 잡을 때 유용합니다.
    • 프레임보다 경량: 프레임은 더 많은 속성과 옵션을 제공하기 때문에 그룹에 비해 상대적으로 무겁습니다. 간단한 레이어 관리에는 그룹이 적합할 수 있습니다.
    • 속성 변화 없음: 그룹은 단순히 객체들을 묶는 기능만 제공하기 때문에, 자식 객체들의 속성을 변경하지 않습니다. 예를 들어, 배경이나 오버플로우 설정이 없습니다.
  2. 그룹 생성 방법:

    • 선택 후 단축키 사용: 그룹으로 만들고 싶은 여러 객체를 마우스로 드래그하거나 Shift 키를 누르며 클릭해서 선택한 후, Ctrl + G (Windows) 또는 Command + G (Mac)를 눌러 그룹을 만드실 수 있습니다.
    • 컨텍스트 메뉴 사용: 오른쪽 클릭을 하시면 나오는 메뉴에서 그룹을 선택할 수도 있습니다.

만약 프레임과 그룹의 더 구체적인 차이나 사용 예시에 대해 더 알고 싶으신 경우, 관련 강의 내용이나 피그마 공식 문서에서도 다양한 설명을 찾으실 수 있습니다. 그룹과 프레임은 디자인 방법에 따라 선택적으로 활용할 수 있는 도구들이니, 필요에 따라 적절하게 사용하시면 됩니다.

관련 질문이나 강의 내용을 찾기 어려우시면 다음 링크를 참조하세요:
- 피그마에서 프레임과 그룹의 기능 차이 및 사용 사례

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

네이티브 색상변경

0

3

1

채팅 UI 추가 속성 설정 질문

0

14

1

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

0

22

0

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

0

26

1

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

1

27

2

24강 상품 상세화면 실습 컨디셔널 질문

0

23

2

실습파일

0

16

2

23강 캘린더 화면 실습 강의 2가지 질문

0

24

1

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

0

27

1

17~20강 강의에서 활용하신 노션 자료 또한 공유 가능할까요?

0

34

1

노션 25 인터렉션 구현 파트 안 보입니다!

0

30

2

6번강의 샘플예제

0

52

2

각 강의별 샘플

0

71

1

화면확대 인터렉션 질문이요

1

77

2

화면전화효과 질문드려요

0

78

2

30번 강의질문

0

57

2

지금 강의하실 때 사용하시는 피그마 예제??

0

88

1

prototype-overflow 탭 문의

0

151

2

피그마 활용 클래스 > 4 컴포넌트 boolean

0

823

1

6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정

0

255

2

6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미

0

173

2

공유 주신 피그마 url 404에러 뜹니다

0

190

1

7-상품확대 인터랙션 만들기 에서 이미지 배치 질문입니다.

0

180

2

태그부분이 아래로 안떨어집니다

0

201

2