4. 피그마 작업 환경 이해

1. 무료로 시작할 수 있는 피그마의 가격 정책 및 서비스

 

https://www.figma.com

Figma

-> 피그마 홈페이지

-> 피그마는 구독 기반의 서비스

-> 무료와 유료는 라이브러리, 히스토리에서 차이가 있다.

=> 현재는 무료 버전으로 사용해도 큰 무리가 없다!

 

---

2. 회원가입과 피그마의 파일 관리를 위한 환경

 

https://www.figma.com/downloads/

Figma Downloads | Web Design App for Desktops & Mobile

-> 피그마는 브라우저, 앱 중에서 사용 가능하다.

-> 두 환경 모두 오프라인에서는 기능을 제공하지 않는다.

 

 

-> 닉네임, 프로필 등 설정

-> 테마 변경

-> 설정 변경

-> 계정 추가 및 변경

-> 로그아웃

 

 

 

 

 

 

 

 

 

 

-> 검색창

-> 최신 작업물(파일)

-> Drafts : 협업 시, 파일을 올려두는 공간으로 확인.

#나 외의 다른 사람들은 볼 수 없는 공간

 

 

-> 피그마의 커뮤니티

-> 다른 사람들의 작업물, 플러그인 등이 올라와있다.

=> 피그마의 장점 중 하나!

 

-> 팀 프로젝트 공간

=> 이 공간의 파일은 팀원들과 함께 보고 수정하거나 추가할 수 있다.

 

---

3. 피그마의 디자인 작업 환경

 

-> 페이지, 레이어, 에셋 등을 관리한다.

 

-> Figma 메뉴 / 이미지, 텍스트, 도형 등 오브젝트 제작에 필요한 툴.

 

-> 작업하고 있는 공간.

 

-> 색상, 사이즈 등 속성 관리.

 

-> 각 페이지는 하나의 큰 캔버스를 가지고 있다.

-> 프레임 : 내가 작업하려는 페이지의 크기

#모니터 화면의 크기, 핸드폰 화면의 크기 등

-> 레이어 : 각 오브젝트

 

---

4. 피그마 단축키 확인하기

 

 

-> 우측 하단의 ? 버튼에서 단축키 확인 가능

=> Keyboard shortcuts

 

=> 단축키를 확인해보고 자주 사용하자!

 

 

 

 

 

 

 

 

 

 

 

---

5. 화면 보기 관련 단축키 모음

 

 

-> 마우스 패드에서 핀치 인/아웃 동작을 수행한다.

-> 우측 상단의 % 를 변경한다.

-> 키보드의 +/- 를 누른다.

 

 

 

 

 

 

 

 

 

 

 

 

 

-> 사용자들에게 어떻게 보이는지 확인하기 위해 필요.

=> 윈도우는 ctrl+0

 

 

 

-> 마우스 패드에 두손가락을 터치 후 드래그한다.

-> 마우스 스크롤 버튼을 클릭한 채로 드래그한다.

->스페이스바를 누른 상태에서 드래그한다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

-> 좌측, 우측 패널을 숨길 때 사용.

=> 윈도우는 ctrl+\