-
Let's be friends, Figma! (1) Variants | 피그마 |카테고리 없음 2022. 3. 7. 23:17
Figma 툴을 배우고 있는데 Figma에서 운영하는 유툽 채널에 아주 설명이랑 use cases가 잘 올라와 있어서 기능을 하나씩 습득하려 한다.
Mac, Win 별 단축키도 알려줘서 내 생각엔 유료강의보다 이 강의가 최고인 듯.
오늘 배운 기능은 Variants.
비슷한 기능을 가진 요소들을 하나의 컴포넌트로 만들어서 해당 컴포넌트 안에서 쉽게 변환가능하도록 만든 기능이다.
1. Frame을 Componant로 만든다. -> cmd + option + k
2. Checkbox라는 componants안에 4개의 variants가 존재한다.
해당 버튼을 instance로 가져오면 오른쪽과 같이 4가지 버튼모양으로 바꿀 수 있는 drop-down 키가 생긴다.
이건 뭔가 엄청 신박한 기능 중 하나인데, variants 속성을 True/False 로 설정하면 아래와 같이 토글버튼이 나와서 손쉽게 기능을 on/off할 수 있도록 해준다. 와. 진짜 갬탄..
자세한 설명은 유툽동영상을 참고하면 된다.