Figma_아이콘을 어떻게 바꿀까? (How to change Icon in instance)

Components의 Instance에서 아이콘을 어떻게 바꿀까?

 

영상링크 : https://youtu.be/nbBx8vgMpYA

 

프로세스

• Figma의 플러그인을 사용하여 Icon들을 불러온다
• 아이콘들을 모두 선택한 다음 Components화 한다 이때, 반드시 "Create multipe components"로 해야한다. 만약 아이콘들을 선택한다음 "Create component"를 해버리면 전체 묶음이 다 들어오게 되서 하나만 보여줄 수 없다

• 새로운 Frame을 만들어서 Component화된 Icon들을 넣는다

이렇게, 이녀석은 component화를 안해도 될 것 같다

• 내가 적용할 곳에 아이콘 아무거나 하나를 instance화 해서 넣어둔다
• 그리고 아이콘을 클릭하면 "create instance sawp property"라는 버튼이 생겨나는데 이걸 클릭하면

클릭 클릭!

• 그러면 이제 swap할 아이콘을 추가할 수 있는 PopUp이 뜨게 된다.
• +버튼을 눌러서 추가할 아이콘들을 추가하면 된다

 

• 그렇게 추가를 하고, 화면에서 instance를 클릭해보면 다른 아이콘으로 바꿀 수 있게 된 것을 볼 수 있다 

 

끝.