[Figma] Figma 소개 및 인터페이스

Figma란?

Figma란?

: 모바일 앱, 웹의 화면을 그리고 디자인 하는 것에 특화된 도구
→ 이전에는 Adobe Photoshop, Adobe DesignXD 등을 사용했으나, 현재는 개발자, 기획자, 디자이너까지 모두 Figma를 사용함
→ 가볍고 빠르며, 자료를 따로 하드에 저장하지 않아도 되고 버전관리도 가능함(클라우드 개념)
→ 함께 디자인 작업하기에 편리함

Figma & Figjam

• Figma : 디자인 도구
• Figjam : Idea를 나누고 소통하는 도구

Figma mode

• App mode : 프로그램을 직접 기기 OS에서 구동하는 방식 → 확장기능을 사용하기에 이 방식이 더 유리함
• Browser mode : 앱 환경을 설치하지 않고도 브라우저에서 작업하는 방식 → 좀 더 가벼움

Figma Interface 기본

🔗 Figma downloads

Figma Interface

: Figma는 처음 프로그램을 열면 대시보드 → 디자인 파일로 이동하는 순서를 가짐

1. 툴바 : Figma 로고 버튼 누르면 열림
2. 프로퍼티 패널 : 우측에 위치. 디자인 값을 바꿀 수 있는 부분
3. 레이어 패널 : 좌측에 위치. 요소 확인하며 순서와 관계를 확인할 수 있는 부분
4. 에디터 영역 : 중앙에 위치. 디자인 작업을 할 수 있는 부분