ABOUT ME

I'm a super-duper creative developer 🤪 Dreaming, Believing, Behaving and Achieve.

Today
Yesterday
Total
  • 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할 수 있도록 해준다. 와. 진짜 갬탄..

     

     

    자세한 설명은 유툽동영상을 참고하면 된다.

Designed by Tistory.