inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

정렬, 분배, Tidy up, 그리고 Smart Selection 기능

Tidy up 기능 관련 질문이 있습니다.

883

이효원 (hazel.lee)

작성한 질문수 1

0

안녕하세요 :) 

12개의 오브젝트를 Tidy up해서 첫 번째 이미지와 같이 정렬이 되었는데, smart selection 기능을 사용해서 오브젝트 위치를 변경할 때 두 번째 이미지처럼 오브젝트 위치가 변경이 되는 이유를 혹시 알 수 있을까요? 저는 Tidy up 기능을 모든 오브젝트를 알아서 자동으로 간격을 배열하여 위치시키고 정렬해주는 것으로 이해했는데 tidy up 기능을 적용했을 때 이런 식으로 위치가 변경이 되는 것이 가능한 이유를 알고 싶습니다.


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

답변 1

0

에릭

안녕하세요 이효원님, 질문 감사드립니다.

관련해서 제가 이해하는 한에서 말씀을 드려볼게요. 

- 피그마에서 해당 Tidy up은 말씀하신대로 행과 열을 한번에 정리해주는 기능입니다.

- 스마트 셀렉션을 통한 오브젝트 이동은 이동 후 정렬 작업을 해야 되는 것을 최소화하는 역할을 하는 것 같습니다.

주신 질문과 관련해서는 스마트 셀렉션 이동 기능이 행 또는 열만 있을 때와, 행/열이 함께 있을 때 다르게 작동이 되는 것 같습니다.

.

1. 행 또는 열만 있을 때

행 또는 열만 있을 경우, 스마트 셀렉션 이동 기능은 오브젝트의 위치 교체 (Replace)해주는 역할만을 해줍니다.  

아래 예시를 보실 경우 오브젝트가 놓여져 있는 위치 안에서 서로 위치 교체만 시켜줍니다. 보시는 3개의 위치 외에는 오브젝트를 놓을 수 없지요.

제 생각에는 피그마의 제작자들은 해당 케이스에서는 피그마의 사용자는 위치 교체 외에는 다른 사용의도가 없을 거라고 본 것 같습니다.

.

2. 행/열이 함께 있을 경우

이 경우 피그마의 제작자들은 사용자가 오브젝트들을 좌우 간 이동을 시킬 경우 위치 교체 (Replace)하려는 의도가 있지만, 상하 간 이동을 시킬 경우에는 이동시켜주는 오브젝트의 위치 이동(Move)하려는 의도가 있다고 본 것 같아요. 즉 상하 간 이동시 위치 교체 (Replace)의 의도는 없다고 본 것 같아요.

그래서 상하 이동을 할 때에는 교체가 되지 않는 것 같습니다. 저도 제작자들이 왜 상하 이동시와 좌우 이동시 다른 사용자의 의도가 있다고 봤는지는 100% 이해를 한 것이 아니라 이 정도로 설명을 드릴 수 있을 것 같아요.^^;;

한가지 관련해서 팁을 드리자면, 만약 행/열이 모두 있는 상태에서 상하 간 위치 교체를 시켜주고 싶을 경우, 아래와 같이 위치를 교체하려는 열만을 선택하신 후 작업을 해주는 것을 추천드려요. 조금 더딜 수는 있지만, 정확하게 작업을 하는게 중요하니까요.

조금이라도 도움을 드렸길 바라고, 추가로 궁금한 점이 있으시면 언제든지 말씀주세요.

감사합니다.

프레임 조정 관련

0

55

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

67

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

108

0

하단바 고정

0

388

2

도형 오토레이아웃 설정

0

143

2

단락별 행간 조절

0

97

2

수강기한 연장 관련 질문드립니다.

0

90

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

167

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

373

3

Auto Layout 적용이 되지 않습니다

0

394

2

SF Symbols 윈도우

0

360

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

140

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

162

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

324

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

145

2

Style 저장하는데 Variable?

0

374

1

Text 박스 조정하는 법

0

1039

2

확장성

0

117

2

하단바 설정하는 방법

0

293

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

604

4

하단바 고정시

0

925

3

섹션 12 예제 파일이 안보입니다!

0

174

2

제플린 핸드오프에 관련 질문입니다.

0

140

2

오토레이아웃

0

141

2