Let Figma Design

오늘은 저번 포스팅에서 알아본 컴포넌트(Component) 기능에 더해 컴포넌트의 변형 버전인 베리언트(Variants)에 대해 알아볼게요~ 피그마에서는 컴포넌트 안에 여러 가지 속성의 베리언트를 설정하여 원하는 스타일을 변형하여 가져올 수 있습니다. 베리언트는 다른 스타일이나 속성을 갖는 여러 가지 버전의 컴포넌트를 의미합니다. ​ Variants는 4가지의 속성이 있습니다. ​ Variant Boolean Instance swap Text 가 있습니다. 컴포넌트를 만들고 Properties 패널의 플러스 버튼에서 확인할 수 있어요~ 속성 중 Variant는 스타일이 다른 속성을 지정할 때 쓰입니다. 버튼을 만든다고 가정해보면 컴포넌트의 베리언트는 Fill, line, diabled 등 버튼하나의 인스..

UXUI 디자이너의 Figma 2023. 7. 11. 09:45

오늘은 피그마의 핵심기능 컴포넌트(Component)에 대해 알아볼게요. 컴포넌트는 피그마를 쓰는 이유라고도 할 수 있겠습니다. 그만큼 중요한 기능이고 잘 익혀두면 매우 효율적인 작업을 할 수 있게 도와줍니다. ​ Component는? 재사용 가능한 UI 요소를 의미합니다. 예를 들어, 버튼, 입력 필드, 드롭다운 등의 UI 요소는 모두 Component로 만들 수 있습니다. 이러한 Component를 제작하면, 해당 Component를 다른 페이지 또는 프로젝트에서도 재사용할 수 있습니다. ​ Component를 사용하면 일관성 있는 UI를 구성할 수 있으며, 수정이 필요한 경우 필요한 만큼 수정하면 모든 페이지에서 해당 Component가 수정됩니다. 이는 작업 시간을 절약하고 일관된 UI를 유지할 ..

UXUI 디자이너의 Figma 2023. 7. 10. 12:53