피그마

해당 포스팅은 프레임과 섹션, 그룹의 차이점을 설명해 놓은 글입니다. 프레임(Frame)은 화면요소와 화면을 담는 컨테이너이고, 섹션(Section)은 화면들을 담는 단위, 그룹(Group)은 화면을 묶는 단위입니다. 추가적으로 콘스트레인츠(Constraints) 개념까지 함께 정리해놓았습니다. 요약하자면, 섹션(Section) : 화면을 담는 단위로써 프레임과 화면 요소들을 담을 수 있다. 프레임 내에 담을 수 없다. 프레임(Frame) : 화면요소와 화면을 담는 컨테이너(그룹)이다. 속성을 변경하더라도, 콘텐츠에 영향을 미치지 않는다. 그룹 (Group) : 화면들을 묶는단위로써 컨테이너 역할을 하지 않는다. 속성을 변경하면 콘텐츠에 영향을 미친다. 프레임, 섹션, 그룹 어떻게 사용하는데? 프레임을 ..

해당 포스팅은 피그마 기본 화면구조와 기능에 대해 정리한 글입니다. 기본 화면구조와 화면구조에 해당하는 Move, Scale, Local variable, Local style, Export 컴포넌트들이 어떤 기능을 하는지에 대해 정리해 놓았습니다. 기본기와 기본 기능만 잘 활용해도 금방 익숙한 툴이 될 거라고 생각이 듭니다. 1. Move, Scale 1) Arrow 컴포넌트 1-1. Move 피그마에서 컴포넌트를 이동할 때 사용하는 도구이다. 단축키 : V 1-1. Scale 피그마에서 개체의 선, 폰트크기, 둥글기 등 개체의 현재 보여지는 속성 그대로 사이즈를 조절하기 위해 사용하는 기능으로 개체의 선, 폰트 크기가 비율에 맞춰 리사이징이 가능하다. 단축키 : K 2) Project Name 해당 ..