[피그마] 피그마 개념과 인터페이스 & 기본 기능과 단축키

 

Udemy의 하루 10분으로 끝내는 UXUI 디자인을 위한 실전 피그마 Figma 강의를 듣고 실습해보았다

 

 

1. 피그마란?

UX UI를 디자인하는 도구이다 ( User Experience, User Interface )

 

 

2. 피그마의 장점

동시에 접속이 가능하고 동시에 작업이 가능하다

 

디자이너와 개발자가 피그마를 사용해서 대화를 하는데 더 편리하다

 

 

 

3. 인터페이스

Pages를 클릭하고 새로운 페이지를 생성할 수 있다

 

우측 상단에 디자인과 프로토타입에 대한 내용이 있다
Page는 배경의 색상에 대한 정보이다

 

 

그리고 사각형 모양을 클릭해서 Frame을 선택할 수 있다

 

아이폰, 모니터 등에 대한 Frame이 버전별로 나와있다

 

 

도형도 선택해서 그릴 수 있다

 

 

 댓글 도 작성이 가능하다

 

 

선택한 프레임에 관련된 내용이고 가운데 정렬과 같은 기능이 포함되어 있다

 

 

Export 기능을 사용해서 파일형태로 저장이 가능하고 가로, 세로모드가 가능하다

 

 

 

 

자주 사용되는 단축키는 아래와 같다

 

뒤로 가기       =  Ctrl + Z ( Command + Z )
앞으로 가기    =  Ctrl + Shift + Z ( Command + Shift + Z )

그룹 묶기      =  Ctrl + G ( Command + Z )
그룹 풀기      =  Ctrl + Backspace ( Command + Backspace )

복사                 =  Alt + Drag
비율 고정          =  Shift
이전 행동 반복   =    Ctrl + D ( Command + D )

레이어 맨 뒤로 보내기      =  Ctrl + (Alt) + [  ( Command + (Alt) + [  )
레이어 맨 앞으로 보내기   =  Ctrl + (Alt) + ]  ( Command + (Alt) + ] )

사각형          =  R
원                 =  O
글자 쓰기      =  T
이동툴          =  V

 

 

 

 

기본적으로 만든 내용은 위와 같다

 

 

 

 

Shift + X 키는 자주 사용되는 기능이다

 

 

사각형 안쪽에 동그란 점으로 테두리를 둥근형태로 만들 수 있다

 

Drop Shadow는 외부 그림자

 

Inner Shadow는 안쪽그림자

 

 

 

 

 

강의자료
https://www.udemy.com/share/109mqS/