Figma 사용법 정리

Figma : UI GUI 디자인 프로그램, UI 디자인 툴

[피그마의 장점]

1. 협업 시스템  피그마는 실시간으로 협업하는 사람들과 동시에 수정이 가능합니다.

  상대방이 마우스 움직이는 것 까지 보입니다.

  └ 무료버전 : Project 1개, file 3개, 페이지 3개 까지 지원 (2021.12.20 기준)

     → 1개의 프로젝트에 각 3개의 파일 당 페이지 3개 지원 (=9개 페이지 제공) : 추가 페이지는 결제 필요

2. 한 화면에서 디자인, 프로토타이핑, 코드까지 모두 확인이 가능하여 작업속도가 빠릅니다.

3. 버튼 클릭등을 구현하여 프로토타입을 구현할 수 있습니다. 녹화기능도 있습니다.

[피그마의 사용법]

1. 좌측 상단 Frame 버튼 클릭 후 원하는 캔버스 선택 [저는 Desktop 선택하였습니다.]

2. 가장 많이 사용되는 기능은 3번째 아이콘입니다. 

사각형, 직선, 화살표, 원, 그림 삽입등을 할 수 있습니다.

이 외에 PPT와 유사한 아이콘들이 있으며 해당 아이콘들은 직관적이어서 보시면 어떤기능인지 아실 수 있습니다.

3. 원하는 도형 선택 및 그린 후 클릭 시 우측에 편집 기능 오픈 (색상, 위치, 각도 등..)

[※ 단축키 모음]

컨트롤 + 마우스 휠 : 화면 확대/축소

 스페이스 + 드래그 : 화면 이동

컨트롤 + G : 선택된 요소 그룹화