브리의 성장기

피그마에는 Outline Stroke 이라는 기능이 있다. Outline Stroke 은 언제 사용하는걸까? 이해가 쉽도록 아래 예제를 만들어보았다. 왼쪽은 Outline Stroke 이 적용되지 않은 도형의 크기를 키웠을때의 모습이고, 오른쪽은 Outline Stroke 이 적용된 도형의 크기를 키웠을때의 모습이다. 차이가 보이나요? Stroke 속성을 그대로 살려둔 왼쪽 도형은 크기가 줄어들어도 선 굵기가 일정하게 유지된다. Outline Stroke 하여 면속성으로 만들어준 오른쪽 도형은 줄어든 크기에 따라 선 굵기의 비율도 함께 줄어든다. Outline Stroke 는 도형의 선속성을 면속성으로 바꿔주는 기능이다! 아래에서 보다시피 좌측 도형을 클릭하면 Fill 이 하얀색으로 되어 있는 반면 우측..

컴포넌트(Component) 피그마의 모든 요소는 재사용 가능한 컴포넌트로 만들 수 있고 변형이 가능하다. 버튼이나 필드 같은 간단한 요소부터 컴포넌트를 중첩해서 만든 카드나 메뉴도 만들 수 있다. 아래 여섯개의 개별 컴포넌트가 있다. 체크박스, 라디오박스, 토글 세가지의 셀렉트 타입이 있고 활성화, 비활성화 두가지 상태로 나뉜다. 즉, 여섯개의 개별 컴포넌트를 아래 기준으로 그룹화 할 수 있다. - property 1. 타입 - property 2. 상태 이번에 새로 릴리즈 된 기능 Varients 를 사용하여 컴포넌트를 그룹핑 해보겠다. 우선 활성화된 체크박스, 라디오박스, 토글을 한번에 선택하고 combine as varients 버튼을 클릭하자. 세개의 컴포넌트가 property(type) 으로 ..