시작하기 전에

이 기능을 사용할 수 있는 사용자

모든 요금제 사용자

여기에 설명된 개념은 모든 수준의 액세스 권한에 적용됩니다. 이러한 용어는 Figma에만 국한된 것은 아니지만 Figma의 일부 동작과 종속성을 이해하는 데 도움이 될 것입니다.

Figma에서는 객체 간의 관계를 설명하기 위해 부모, 자식, 형제라는 용어를 사용합니다.

이러한 용어는 일반적으로 웹 개발 또는 프로그래밍에서 유사한 관계를 설명하는 데 사용됩니다.

이 문서에서는 이러한 용어를 사용할 때 의미하는 바를 명확히 설명합니다.

OOP(객체 지향 프로그래밍)에 대한 배경 지식이 있다면 이러한 관계는 조금 다릅니다. Figma의 부모/자식 관계는 상속과 관련이 없습니다.

Figma에서 이러한 관계는 DOM(문서 객체 모델)과 더 유사하게 작동합니다. 즉, 내부에 요소가 있는 컨테이너입니다.

우리는 이러한 용어를 사용하여 캔버스에 있는 개체가 다른 개체와 어떻게 관련되어 있는지 설명합니다.

부모는 다른 개체를 포함하는 개체, 즉 프레임, 컴포넌트 및 그룹을 의미합니다.

자식은 부모 안에 포함된 개체입니다.

형제는 같은 부모 안에 포함된 개체입니다.

부모와 자식의 상호 작용

이러한 용어는 제품에서 명시적으로 사용되지는 않지만 Figma에서 개체가 어떻게 동작하고 서로 관련되는지 이해하는 데 중요합니다.

생물학적인 것과는 달리 서로 영향을 주고받는 컨테이너(부모)와 내용물(자식)의 역할을 합니다. 명확한 상속으로 정의된 혈통과는 다릅니다.

속성

영향력을 수반하는 부모/자식 관계가 있습니다. 많은 상황에서 부모는 프레임이 됩니다.

모든 자식 개체에 영향을 미치는 프레임에 다음 속성을 추가할 수 있습니다.

자식 개체에 속성을 추가할 수도 있습니다.

캔버스의 개체를 새 위치로 이동하면 Figma가 개체의 부모를 다시 지정할지 여부를 결정합니다.

부모 개체 재지정은 개체가 현재 부모 개체에서 나와 다른 부모 개체 내에 중첩되는 것을 의미합니다. 예를 들어, 하나의 부모 프레임에서 개체를 옮겨 다른 프레임으로 옮길 수 있습니다.

Figma는 프레임에 새 개체를 추가할 때 동일한 부모 지정 논리를 사용합니다.

기본 동작은 다음과 같습니다.

기본 동작을 무시하도록 선택할 수 있습니다.