Figma 컴포넌트 기능 활용하기!

스토리보드(화면설계서)를 만들다 보면 여러 수정사항이 생기는 경우가 있는데요.

진행이 얼마 되지 않은 상태라면 괜찮지만, 진행 사항이 일정 부분을 넘어가면 수정을 하는데 시간을 꽤 많이 들이게 됩니다.

​예를 들어 버튼의 색이 달라졌다면 해당 버튼이 있는 페이지는 모두 수정해 줘야겠죠? 이때 유용한 게 Figma에 컴포넌트 기능이에요.

위와 같이 서비스명, 서비스명 1, 서비스명 2, 서비스명 3에서 모두 한 번에 '서비스'라는 이름으로 수정하고 싶다면, 컴포넌트 기능을 활용하면 돼요.

마우스 오른쪽을 클릭해서 Create componet를 클릭한 후 복사해서

해당 Top bar를 붙여넣기 하면 돼요. 주로 Top bar나 bottom Navigation, CTA 버튼에 이용하면 유용하답니다.

‍

컴포넌트를 이용하면 수정에 많은 시간을 줄일 수 있어요! 다양하게 활용해봐요!

‍