박학소식

Comento 피그마 강의 2022. 07. 09 (4주차 강의) Variants : 컴포넌트를 경우에 수에 따라 만들어두고 Drop box, Toggle button으로 상태를 변경하며 사용할 수 있는 기능 즉, On/Off 상태 모양의 버튼을 미리 만들어두고 필요에 따라 상태를 변경해가며 쓸 수 있는 기능 각각의 컴포넌트 요소는 각자의 값(Property)를 지정해줘야 함 *생성방법 1. 완성된 2개 이상의 Master component 선택>우측 패널의 Combine as variants 버튼 클릭 2. 2개 이상의 개체 선택>상단의 Create component set 클릭 Resizing : Autolayout이 걸린 프레임에 속해 있는 Container와 Contents의 속성을 지정해주는 옵..

Comento 피그마 강의 2022. 07. 02 (3주차 강의) Comeponents : 원본 Master Comeponents를 중심으로 N개의 Instance(복제품)을 관리하는 기능 일관된 디자인을 만들고 관리할 수 있으며, 디자인한 모든 레이어 및 개체에 적용할 수 있음 Master Comeponents의 속성을 수정하면 원본과 연결된 Instance도 따라서 수정되는 기능을 가지고 있음 Master Comeponents는 관리를 위해 별도의 페이지를 생성해 보관하며, 컴포넌트로 등록한 요소들은 Asset 탭에서 확인 가능 * 생성 방법 1. 개체 선택 -> 우클릭 -> Create Components 2. 개체 선택 -> 상단 컴포넌트 아이콘 클릭 3. 개체 선택 -> 단축키 Cmd+Optio..

Comento 피그마 강의 2022. 06. 25 (2주차 강의) Auto Layout : 프레임 or 개체 간의 간격을 자동으로 잡아주는 피그마의 핵심 기능 한 번에 한방향으로만 적용할 수 있다는 특징을 갖고 있음 모듈을 생성할 때는 각각의 방향으로 만든 개체를 조합하는 방식으로 제작 Auto Layout 생성 방법 1. 단축키 : Shift + A 2. 개체 선택 후 우클릭 -> Add Auto layout 3. 두 개 이상의 개체 선택 후 우측 layout 패널에서 + 버튼 클릭 Advanced layout : Auto layout의 추가 옵션 Spacing mode : 레이아웃 간격을 숫자로 줄지, 프레임 크기에 따라 간격을 줄지 결정하는 옵션 (Space between : 프레임 크기에 따라 컨..

Comento 피그마 강의 2022. 06. 18 (1주차 강의) Figma Tool 01. Move & Scale : Move (단축키 V) 기본 커서 툴, 개체를 선택하거나 옮길 때 사용 Scale (단축키 K) : 개체의 크기를 비율에 따라 조절할 수 있음 컨텐츠의 크기를 비율에 따라 늘려주는 기능을 함(프레임과 프레임 안에 있는 개체를 함께 늘려주는 특징) 02. Frame & Group Frame (단축키 F) : 피그마 모든 작업의 기본 단위 / 컨텐츠를 담는 컨테이너 역할을 함 Group (단축키 Cmd + G) : 2개 이상의 Frame, 개체를 묶어주는 작업 단위 03. 텍스트 툴 Text (단축키 T) : 텍스트 작성하는 툴 * Auto width : 텍스트 가로 길이를 자동으로 늘려주..