Figma Desktop App 둘러보기
기획자의 피그마 figma - Figma 기본 기능 익히기
Figma 데스크탑 앱 다운로드 페이지
https://www.figma.com/downloads/
Figma 데스크탑 앱은 OS 상관없이 설치가 가능합니다.
Mac, Window PC 모두 지원하기 있기 때문에 현재 사용하는 PC의 운영체제에 따라 설치하시면 됩니다.
설치가 완료되셨다면, 이제 앱을 한번 둘러봐야겠죠?
Figma 데스크탑 앱에 대해 살펴볼까요?
지난 포스팅에서도 말씀드렸지만, 피그마는 웹브라우저를 통해서도 작업을 할 수는 있습니다.
하지만 안정적인 작업 진행을 하기 위해서는 아무래도 데스크탑 앱을 설치해서 앱에서 작업을 진행하는 것이 좋답니다.
단축키를 사용한다거나, Back space 바를 눌렀을 때 삭제가 아니라 갑자기 화면 이동이 되는 등의 액션이 브라우저의 명령 키와 충돌할 수도 있으니까요.
자, 신규로 계정을 만들고 앱 설치 후 오픈을 하면 이런 화면이 보여집니다.
Figma desktop app - Recent 화면 (MAC OS)화면 구성이 위의 화면과 조금 다른 분들도 있으실 거에요.
피그마 앱은 윈도우 , 맥 OS 모두 설치와 사용이 가능하지만 OS에 따라 살짝 UI가 다른 부분이 있답니다.
최초로 설치하고 나면 피그마 기능에 대한 설명과 UI작업을 위한 기본 파일이 제공됩니다
피그마의 핵심 기능인 팀 라이브러리, 프로토타이핑, 와이어프레임 작업에 대한 설명과 예제 파일이 제시되어 있어요. 시간이 되신다면 파일을 하나씩 둘러보시는 것도 많은 도움이 될거에요.
TIP!!
Figma 는 신규 기능이 오픈되면 앱 오픈 시 그 사항을 팝업을 통해 공지한답니다.
개선된 기능에 따라 커뮤니티에 예제 파일을 제공하기도 하니 새 소식 알람이 뜰 때는 그냥 Skip 하지 마시고 꼭 한번 체크해보세요.
*** 제가 이 컨텐츠를 만드는 며칠 동안에도 또 한번 기능 개선이 되었답니다. 하하하하하;;;;
이제 앱 화면의 좌/우 패널과 상단 부분에 있는 주요 기능들을 알아볼까요?
Figma app 상단 살펴보기먼저 피그마의 상단 부분입니다.
가장 윗 줄에는 Home 아이콘과 함께 현재 오픈되어 있는 파일명이 표시되는 영역이 있습니다.
Home 아이콘을 클릭하시면, 언제든 앱의 메인 화면, Recent 화면으로 이동할 수 있어요.
우측 상단의 종 모양 부분은? 설명이 필요없겠죠? ㅋㅋㅋ
내가 작업하고 있는 파일에 새로운 코멘트가 등록되면 종 모양에 알림이 표시된답니다. 아이콘을 클릭하면 바로 등록된 코멘트 내용을 확인할 수도 있어요.
Figma app 우측 상단의 프로필 영역우측 상단의 프로필 사진 영역을 클릭하면 제공되는 기능입니다.
우선 현재 로그인 중인 계정 정보가 표시됩니다.
Internal profile 을 클릭하면 나의 프로필 사진, 정보를 관리할 수 있고 현재 해당 계정에서 보유 중인 모든 figma 파일을 확인할 수 있어요.
Plugins, Settings 를 통해서는 내가 설치한 플러그인을 관리하고, 앱에 대한 설정을 할 수 있습니다.
최근 추가된 기능 중 가장 인상적인 것은 Switch account 기능입니다.
저도 프리랜서로서 일을 하고 있다보니 제 개인 계정이 아닌 다른 업체에서 생성한 계정으로 작업을 진행해야하는 때도 있습니다. 이런 경우 Switch account 기능을 통해서 간단하게 계정을 변경하거나 신규 계정을 추가할 수 있어 편리하게 사용하고 있습니다.
Figma app 좌측 상단의 프로필 영역좌측 상단에 있는 프로필 표시 부분을 클릭해도 이 switch account 를 기능을 이용할 수 있습니다.
우측에 있는 기능과 다른 점이 있다면, 좌측의 이 기능을 통해서는 등록을 완료된 계정만 목록으로 뜬다는 점입니다. (신규 어카운트는 우측의 프로필 영역에 있는 switch account 를 사용하셔야 해요.)
TIP!!
각각 다른 계정에서 작업하는 파일을 여러개 오픈한 상태인가요?
그럴때는 굳이 계정을 스위치 하지 않아도 파일 클릭 시, 해당 파일에 맞는 계정 상태로 돌아간답니다. :)
Figma app Home 의 좌측 패널앱의 메의 메인에 위치한 상태에서 좌측 패널을 살펴보죠.
Recent 의 경우, 내가 최근 작업한 파일의 순서대로 모든 파일을 확인할 수 있답니다.
간혹 신규 파일을 오픈해서 작업을 하면서 프로젝트를 지정하지 않고 작업하다가 닫았을 경우, 다시 그 파일을 찾기가 힘든 경우가 종종 있는데 그럴때 아주 유용하게 사용됩니다.
Drafts 의 경우 말 그대로 임시 파일 저장소입니다.
위에 언급한 것처럼 작업은 했는데 저장 위치를 선택하지 않은 파일, 혹은 아예 파일 이름조차 정의하지 않고 임시로 작업해놓은 파일,
커뮤니티를 통해서 오픈했던 파일 등등 모든 임시 상태의 파일을 확인할 수 있습니다.
또 삭제된 파일도 확인이 가능하기 때문에 실수로 파일을 삭제했을 때는 Deleted 탭을 통해서 지웠던 파일을 복구할 수도 있습니다.
Design & FigJam TemplatesUI 작업이나 디자인에 사용되는 주요한 기능을 선택해서 바로 새 파일을 오픈 할 수 있습니다.
완전 최초의 작업을 시작할때라면 도움이 될 수 있을 것 같네요. (저는 아직 안 써봄 ㅋ)
좌측 패널에서 팀 이름을 클릭하면, 해당 팀에 대한 세팅을 할 수 있는 화면이 제공됩니다.
팀 이름을 변경하고 싶을땐 좌측 패널에서 팀 항목을 클릭한 후에, 오른쪽 마우스를 클릭해서 변경할 수 있습니다. 그 외에도 팀의 성격에 맞는 아이콘, 소개, 멤버, 요금 플랜 등 팀 단위의 Figma 세팅을 할 수 있는 기능이 제공됩니다.
이 과정까지는 처음 Figma 앱을 설정하고 작업을 시작할 때, 혹은 팀/프로젝트를 세팅할때만 필요한 부분들이랍니다. 처음부터 완벽하게 Team 안됐더라도 넘 걱정하진 마세요. 언제든 나의 팀과 프로젝트에 따라서 설정은 변경할 수 있답니다.
처음 만나는 피그마 앱을 둘러보시느라 고생 많으셨습니다.
다음 시간에는 피그마의 기본 기능부터 차근차근 알아볼께요. :)
