Figma - 1. Constraint, Resizing

1. 어떻게 도형 안에 딱 떨어지는 다른 도형을 만들 수 있을까?

도형안에 있는 딱 떨이지는 도형

 

1) 정렬

2) shift + alt(window) 키를 이용한다.

 

원과 삼각형을 만든 뒤 삼각형이 대략 내부에 오도록 위치시킨다.

그 후, 두 도형을 드래그를 통해 한 번에 붙잡고 정렬을 한다.

삼각형만 클릭 한 뒤, shift + alt 키를 누른 채로 크기 조절을 한다.

 

shift + alt 키는 도형의 중심을 움직이지 않은 채 크기만 변경할 수 있게 하는 단축키이다.

 

 

 

2. Frame + Constraint  // Frame + Auto Layout + Resizing

 

프레임 내부에 프레임이 존재할 때, 

 

Frame + Constraint 로 조절하거나 

 

Frame + Auto Layout 으로 조절하거나 둘 중 하나로 조절 할 수 있다.

 

 

특히, Auto Layout의 경우 Parent Frame에 따라 Children Frame이 모든 방향에 대해 가변적이 될 수 있는데, 

 

Frame + Constraint의 경우, Children Frame을 Parent Frame의 특정 영역에 고정시킬 수 있기 때문에

 

Parent Frame이 변할 때, Children Frame이 일부 방향에 대해서만 제한적으로 움직이게 할 수 있다.

 

 

(Constraint : 부모 컨테이너의 크기가 변할 때, 자식 컨테이너는 어디를 기준으로 변하는지를 결정)