디자인 시스템을 만드는 이유 그리고 Component

UI Component에 대한 개념, 그리고 Figma의 Component 기능을 사용하는 이유

 

Figma의 Component 기능 마스터하기

컴포넌트를 등록하기 위해서는 그 오브젝트가 하나의 레이어여야 한다.

 

 

컴포넌트 등록

에셋에서 컴포넌트가 잘 등록 되었는지 확인(드래그 앤 드롭으로 인스턴스로 사용가능)

본체로서의 컴포넌트로 잘 등록 되었는지 확인(다이아몬드 모양)

 

 

본체 컴포넌트 변경하는법

 

본체로부터 인스턴스 분리하는법(커스텀 마이징을 위해)

 

컴포넌트들이 많을때 정리하는법   /   사용해서 폴더식으로 정리 하기

그럼 아래와 같이 폴더 처럼 정리가 된다.

위와 같은 방식으로 컴포넌트를 폴더로 저장하놓은 것들 토대로 다른 컴포넌트로 변경 가능

 

 

라이브러리와 팀 라이브러리 기능

이전 시간 등록한 컴포넌트들은 파일 내에서 등록된 컴포넌트 이므로 다른 파일에서는 사용이 불가하다.

그래서 아래와 같은 방법으로 공유 가능케 한다.

스타일 공유는 무료버전에서도 가능하지만 컴포넌트 공유는 유료 버전에서 사용이 가능하다.

그리고 다른 파일로 가서 아래와 같이 위에서 등록한 라이브러리를 사용할수 있다.