728x90 피그마13 [피그마] 프레임의 속성 피그마에서 반드시 알아야 하는 프레임의 속성에 대해 알아보자 프레임을 추가하는 방법 왼쪽 상단에서 프레임 버튼을 선택하거나 단축키 F 또는 A를 누르면 된다. A가 단축키인 이유는 피그마의 프레임이 다른 툴에서 사용하는 아트보드(Art Board)의 개념을 가지고 있기 때문이다. 프레임의 개념 사각형(Rectangle)과 프레임의 차이 프레임과 그룹의 차이 프레임은 프레임의 크기를 변경해도 내부 요소가 변하지 않는데, 그룹은 그룹의 크기를 변경하면 그룹 내부 요소들의 크기도 변경한다. 프레임의 경우 Constraints 기능을 활용해서 반응형 디자인을 만들 수 있다. Layout grid 와 Constraints를 합쳐서 활용하는 방법 이런 프레임이 존재할 때 엔터를 눌러서 하위 요소를 전부 선택한다. .. 2022. 10. 24. [피그마] 오른쪽 패널 설명 피그마 오른쪽 패널 기능에 대해 알아보겠습니다. 디지안 패널 (Design) 아무것도 선택하지 않았을 때 오브젝트 선택 시 프레임 선택 시 정렬에 대해 알아보자 기본 정렬 단축키 가로/세로 간격 정렬 단축키 스트로크 (선) Effect (효과) 2022. 10. 23. [피그마] 왼쪽 패널 설명 피그마 왼쪽 패널에 대한 설명 레이어 패널 (Layers) 피그마의 왼쪽 패널은 상단의 페이지와 하단의 레이어로 구성되어 있다. 페이지는 디자인 파일의 하위 작업 공간으로서 각각 독립된 캔버스를 가지고 있다. 무료 버전에서는 최대 3개까지 페이지를 생성할 수 있다. (유료 버전에서는 제한 없이 생성이 가능하다.) 플랜에 상관없이 Draft에서는 제한 없이 생성이 가능하다. 피그마에서는 오브젝트 단위로 레이어가 생성이 된다. 레이어는 레이어 별로 잠금을 할 수도 있고 숨길 수도 있다. 해당 기능의 단축키는 아래와 같다. 또한 잠근 모든 레이어를 한번에 열고 싶을 때는 퀵액션(Ctrl + /)를 연 후 'Unlock all object'를 치면 된다. 숨긴 모든 레이어를 한번에 열고 싶을 때는 퀵액션(Ctr.. 2022. 10. 2. [피그마] 공유 기능 정리, 뷰 기능 단축키 정리 피그마 공유 기능 피그마에서 공유 기능은 우측 상단의 [Share] 버튼을 누르면 이용할 수 있습니다. 이메일 주소를 넣어서 다른 사람을 해당 피그마 파일에 초대할 수 있습니다. 이메일 주소를 적은 후 편집 가능/보기만 가능을 선택할 수 있습니다. 카피 링크 버튼을 눌러 주소를 다른 사람에게 직접 보내서 초대할 수도 있는데, 그 위에 있는 선택 버튼을 통해 링크만 있으면 아무나 접근할 수 있는 방식과 오직 초대받은 사람만 이용할 수 있는 방식을 선택할 수 있습니다. 뷰 기능 뷰의 경우 왼쪽 상단의 메뉴에서 [View]를 눌러서 나오는 기능과 우측 상단의 퍼센트 부분을 나오는 기능을 통해 이용할 수 있습니다. 뷰 기능 관련 단축키에 대해 정리해 보았습니다. 2022. 9. 25. [피그마] 도형 편집, 마스크, 불리언, 플래튼, 바로가기 링크 삽입 기능 정리 피그마 도형 편집 기능 정리 도형 패스 편집 방법 피그마에서 도형을 편집할 때는 상단의 편집 버튼을 누르거나 해당 도형을 선택하고 Enter키를 누르면 편집을 할 수 있다. 편집 상태가 되면 위와 같이 빗금 표시가 보이는 상태가 된다. (빠져나가려면 ESC 키를 누르면 된다.) 이 때 위와 같은 단축키로 도형의 형태를 편집할 수 있다. 도형 내부 색 구분 방법 벡터 도형 내부에서 각각의 영역을 구분해서 따로 색을 지정해 줄 수도 있다. 도형을 편집 상태로 바꾼 상태에서.. 단축키 B버튼 또는 왼쪽 상단의 페인트 버킷 버튼을 눌러서 영역을 구분한 후 I 버튼을 눌러서 스포이드 기능을 활성화한 후 원하는 색을 선택해 각각의 영역에 적용하면 된다. 마스크 기능 마스크는 여러 오브젝트를 선택한 후 상단 중앙의 .. 2022. 9. 18. [피그마] 도형 관련 기능들 정리 피그마 도형 기능 정리 도형 생성하기 왼쪽 상단의 메뉴에서 원하는 도형을 선택하면 도형을 만들 수 있다. 도형 선택 후 배경을 클릭하면 기본적으로 100 x 100 사이즈의 도형이 생성된다. 가장자리 구석을 마우스로 끌어서 크기를 변경할 수 있다. Alt 키를 누르고 크기 변경을 하면 상하좌우로 대칭이 되는 크기로 변경이 된다. Shift 키를 누르고 크기 변경을 하면 정사각형 형태로 크기 변경이 된다. Alt + Shift 를 같이 누르고 변경도 가능하다. 크기 변경 중에 Space 바를 누르면 변경 중 위치 이동이 가능하다. 사각형 변형하기 사각형은 단축키 R을 누르고 드래그를 하면 생성이 가능하다. 사각형 내부에 있는 점을 드래그 하면 구석에 라운드를 만들 수 있다. Alt 키를 누르고 점을 드래그.. 2022. 9. 12. 이전 1 2 3 다음 728x90
