[SSAFY] 피그마를 정복해 보자!

김온유·2024년 1월 21일

싸피셜

목록 보기
7/10
post-thumbnail

1. move : m // hand : h

단축키를 m, h를 이용해서 간단하게 바꿀 수 있습니다.

2. 스페이스바 이용하기

포인터 상태일 때 스페이스바를 누르면 누르고 있는동안 손모양으로 바뀝니다.

3. 마우스 휠 이용하기

포인터 상태일 때 마우스 휠을 누르고 있으면 누르고 있는동안 손모양으로 바뀝니다.

4. Ctrl, Shift 이용하기

마우스 휠을 돌리면 화면이 상하로 이동하고
shift 키를 누른채로 휠을 돌리면 화면이 좌우로 이동합니다.
ctrl 을 누른채로 휠을 돌리면 화면의 크기가 변합니다.

5. 조금씩 움직이기

1px 씩 움직이기 : 화살표 상,하,좌,우
10px 씩 움직이기 : Shift + 화살표 상,하,좌,우

사각형 그리기 : R

원 그리기 : O

선 그리기 : L

프레임 : F

텍스트 : T

1. 모양&변형

가로로 뒤집기 : Shift + v
세로로 뒤집기 : Shift + h
아웃라인깨기 : Ctrl + Shift + o
크기 조절 : K

2. 컴포넌트

컴포넌트 만들기 : Ctrl + Alt + K 
인스턴스 분리하기 : Ctrl + Alt + B
만들어놓은 객체를 컴포넌트화 하기 : Ctrl + Alt + G
앞으로 가져오기 : Ctrl+]
뒤로 보내기 : Ctrl+[
맨 앞으로 가져오기 : Ctrl+Shift+]
맨 뒤로 보내기 : Ctrl+Shift+[

3. 오브젝트

그룹 : Ctrl+G
그룹 해제 : Ctrl+Shift+G
이미지 자르기 : Alt+double+click

4. 위치 정렬

가로 왼쪽 정렬 : alt + A
가로 가운데 정렬 (수평) : alt + H
가로 오른쪽 정렬 : alt + D

세로 상단 정렬 : alt + W
세로 가운데 정렬 (수직) : alt + V
세로 하단 정렬 : alt + S

4. 기타

텍스트 크기 조절 :ctrl + shift + <, >
양옆 패널 보이기 / 숨기기 : ctrl + \
왼쪽 사이드 패널 보이기 / 숨기기 : ctrl + shift + \
텍스트 작성 완료 : ctrl + enter
색 추출하기 : i
커서에 말풍선 생성 ( 일회성 ) : /
커서에 보이는 것 바로 클릭 : ctrl + click
같은 depth에 있는 요소들 같이 선택 ctrl + shift + click

profile
초보 개발자입니당

2개의 댓글

comment-user-thumbnail
2024년 1월 22일

우와 꿀팁 감사합니다 !

답글 달기
comment-user-thumbnail
2024년 1월 24일

인텔리제이 단축키도 알려주세요!

답글 달기