컴포넌트 해제하기

컴포넌트를 프레임으로 바로 바꾸는 방법

---

방법 1: 인스턴스 분리 후 프레임화 (가장 추천!)

컴포넌트의 마스터(오리지널) 속성을 깨뜨리고 일반 프레임으로 만드는 가장 깔끔한 방법입니다.
컴포넌트 복제하기: 먼저 해당 컴포넌트를 복사(Ctrl + D 또는 Alt + 드래그)하여 인스턴스(보라색 빈 다이아몬드 아이콘)를 하나 만듭니다.
인스턴스 연결 끊기 (Detach): 복제한 인스턴스를 우클릭한 뒤 Detach instance를 클릭합니다.

단축키: Ctrl + Alt + B (Mac: Cmd + Option + B)

결과 확인: 연결이 끊어지면서 오리지널 컴포넌트 구조는 유지된 채 일반 프레임(또는 오토레이아웃 프레임)으로 변환됩니다.
기존의 마스터 컴포넌트는 필요 없다면 지워주시면 됩니다.

---

방법 2: 컴포넌트 해제 플러그인 사용하기 (한 번에 해결)

만약 복사하고 지우는 과정이 귀찮고, 마스터 컴포넌트를 그 자리에서 바로 프레임으로 바꾸고 싶다면 플러그인을 쓰는 것이 가장 빠릅니다.
피그마 플러그인 검색창(Ctrl + / 또는 상단 툴바의 플러그인 아이콘)을 켭니다.
Uncomponent 또는 Component Unformer를 검색하여 실행합니다.
컴포넌트를 선택한 상태에서 플러그인을 실행하면, 클릭 한 번으로 컴포넌트가 즉시 일반 프레임으로 변경됩니다.

---

깨알 팁
컴포넌트를 감싸고 있는 보라색 테두리를 없애고 내용물만 쏙 빼내고 싶다면, 컴포넌트 안의 레이어들을 선택해 단축키 Ctrl + Alt + G (Mac: Cmd + Option + G)를 눌러 새로운 프레임으로 감싸준 뒤 밖으로 빼내셔도 됩니다!

---

---

엘리먼트 컴포넌트 해제하기

---

가끔 컴포넌트 인스턴스를 일회성 디자인 요소로 사용할 경우가 있습니다.

그런 경우 컴포넌트를 해제해야 합니다.

 

캔버스 - 엘리먼트 셀렉

툴바 - 레이어

프레임 - 우클릭 - 디태치인스턴스

 

이렇게 하면 컴포넌트 해제 됩니다.

 

그런데 이것은 컴포넌트 인스턴스인 경우만 가능합니다.

컴포넌트 원본인 경우는 불가능 합니다.

---