피그마(figma) 핵심

안녕하세요. 지난 포스팅에서 프레임과 아트보드 그룹의 차이에 대해서 알아보았습니다. 이번엔 프레임의 속성 중 프레임 설정방법과 컨스트레인트에 대해 살펴보겠습니다. 사전설정된 디바이스 프레임을 툴바에서 선택하면 사전 설정된 디바이스가 우측 디자인 패널에서 보입니다. 아이폰, 안드로이드 모바일부터 데스크탑 태블릿 종이 소설미디어... 등 이미 프레임 영역을 만들어져 있습니다. 사전 설정된 디바이스를 선택해서 디자인을 하면 프레젠트 모드에서 목업에 씌워진 형태로 프로토타입을 할 수 있습니다. 사전 설정된 프레임 활용 1. 프레임 단축키 A, F 누르거나 툴바에서 프레임 아이콘을 클릭 2. 우측 디자인 패널에서 원하는 디바이스를 선택 3. 캔버스에 프레임 생성 4. 프로토타입 패널로 전환 5. 프레젠트 모드에서..

안녕하세요. 지난 포스팅에선 컴포넌트 속성 중 베리언트 추가 방법에 대해 알아보았습니다. 나머지 속성인 불리언, 인스턴스 스와이프, 텍스트 속성에 대해 이어서 살펴보겠습니다. 다시 한번 정리하자면 Property(프로퍼티) = 속성 = 컴포넌트 자체속성 Variants(베리언츠) = 변형 = 단일 컴포넌트에서 파생된 다양한 컴포넌트를 세트로 묶어서 관리 컴포넌트 자체가 가지고 있는 속성을 프로퍼티라고 합니다. 베리언트는 한 개의 컴포넌트를 (상태, 색상, 크기... 등) 필요에 의해 다양한 컴포넌트로 변형 만들고 세트로 묶어서 관리하는 것을 말합니다. 프로퍼티는 현재 총 4가지가 있습니다. 1. Variant (베리언트) : 컴포넌트의 여러 상태에 따른 종류, 여러 컴포넌트를 세트로 묶음 2. Boole..

안녕하세요. 지난 포스팅에선 컴포넌트는 무엇인지 컴포넌트는 어떻게 만드는지 알아보았습니다. 컴포넌트를 만들기만 해도 활용도가 높지만 컴포넌트의 속성을 추가하고 잘 활용하면 작업의 속도뿐만 아니라 시스템으로도 더욱 강화됩니다. 지금부터 컴포넌트 속성에 대해 알아보겠습니다. Property(프로퍼티) = 속성 = 컴포넌트 자체속성 Variants(베리언츠) = 변형 = 단일 컴포넌트에서 파생된 다양한 컴포넌트를 세트로 묶어서 관리 컴포넌트 자체가 가지고 있는 속성을 프로퍼티라고 합니다. 베리언트는 한 개의 컴포넌트를 (상태, 색상, 크기... 등) 필요에 의해 다양한 컴포넌트로 변형 만들고 세트로 묶어서 관리하는 것을 말합니다. 프로퍼티는 현재 총 4가지가 있습니다. 1. Variant (베리언트) : 컴포..