figma Component2 Figma의 Variants (feat. 새로운 컴포넌트 셋팅 방법) 2020년 10월 29일, 피그마 측의 컴포넌트 커스터마이징과 관련한 기능 업데이트가 있었습니다. 이 부분에 대해 이해를 하려면, 약간의 개발 상식을 필요로 하여 어렵게 느껴질 수 있어서 기능에 대한 개념 설명을 간단히 알려드리고 본격적으로 시작해 보겠습니다. 컴포넌트의 개념에 관한 설명은 이전 포스팅을 참고해주세요. 1) Variants [베어리언츠] 기능 정의 Variants 기능 : Figma에서 생성한 컴포넌트(Component)를 개발 친화적인 방식으로 세팅하고 관리할 수 있는 컴포넌트의 확장 기능입니다. 컴포넌트 기능 00:58 버튼 컴포넌트 생성하기 01:36 메인 컴포넌트와 인스턴스 구분하는 방법 02:25 인스턴스의 옵션 살펴보기 04:34 인스턴스의 Text Override 기능 06:.. 2020. 11. 1. 9월 figma Releases - Figma 컴포넌트 기능 관련 업데이트 2020/9/17일 오후, 갑자기 인스턴스(Instance) 기능의 업데이트가 있었습니다. 1) Instance에 대한 "Go to Main Component" Go to Main Component에 대한 텍스트 링크 대신, 아이콘으로 대체되었습니다. 여기서 Instance(인스턴스)란 Component(컴포넌트)를 복제한 에셋(Asset)을 의미합니다. figma의 컴포넌트 기능을 활용하면, 불필요한 반복 작업을 줄이고, 수정 작업을 최소화할 수 있습니다. Go to Main Component 기능을 통해 Instance의 원본 컴포넌트(Main Component)를 찾아 Asset을 수정할 수 있습니다. Main Component를 수정하면, 이 컴포넌트를 복제한 Instance들의 일부 속성이 일괄.. 2020. 9. 17. 이전 1 다음
