피그마 시작하기
디자인툴 Figma를 알아볼게요.
안녕하세요. 리온입니다.
인스타그램에서는 긴 글을 다루기 어려워 브런치에서 차근차근 피그마 사용법을 준비해보려 해요.
먼저 왕초보분들을 위해 피그마를 시작하기에 앞서 피그마가 무엇인지, 도대체 어떨 때에 사용하는 툴인지 한번 알아보고, 가볍게 툴을 살펴볼게요.
1. 피그마는 무엇인가
2. 피그마 가입하기
3. 피그마 살펴보기
4. 피그마 커뮤니티
1. 피그마(fimga)란?
Figma.com을 접속하면 주소창에서부터 바로 'Fimga : The collaborative interface Design tool'라고 작성된 것을 확인할 수 있어요.
*papago이 문장을 바로 번역해 본다면, '협업 인터페이스 설계도구'라고 나옵니다.
말 그대로 피그마는 협업에 능한 디자인툴이에요. 피그마 이전에 디자인을 한다고 하면 보통 각자의 컴퓨터에서 작업을 진행하고, 파일을 공유하는 방식으로 이루어졌었는데요. 피그마가 상용화되면서 공통의 작업장에 동시에 접속해서 공동으로 작업할 수 있어졌어요.
혼자 작업하는 게 편했던 분들에게는 조금 낯선 환경일 수 있지만, 하나의 툴로 다양한 접근방식이 가능하다는 점에서 피그마는 아주 강력한 툴이에요.
2023년 UXtools*에서 디자인툴 서베이 결과에 따르면, 전 세계적으로 UI tool은 피그마를 가장 많이 사용하고 있는 것을 볼 수 있어요.
UI tools뿐만 아니라, 지속적으로 기능을 업데이트하면서 프로토타이핑이나 디자인시스템에서도 압도적인 수치를 보여주고 있어요.
하지만 그중에서도 피그마가 가장 빠르게 성장할 수 있었던 이유는 일단 인터넷만 된다면 장소에 구애받지 않고 웹환경에서 원활하게 사용이 가능하다는 점, 그리고 무료라는 점 때문일 거예요.
특히 초심자분들은 무료에서도 충분히 디자인할 수 있고, 높은 사양의 컴퓨터도 필요 없으니 지금 바로 인터넷창을 켜서 접속할 수 있어요.
2. 피그마 가입부터 해볼게요.
사이트에 접속하면 우측 상단에 [Get started for free] 버튼을 눌러 가입해 주세요.
1. 구글로 가입하기 혹은 원하는 이메일, 패스워드 입력
*Continue with google 사용 시에는 메일 확인 없이 바로 접속이 가능해 빠른 가입이 가능해요
2. 내 메일함에 가서 인증하기
3. 다시 피그마 웹화면으로 돌아와서 몇 가지의 질문에 대답 후 Continue 클릭 xN회
4. 아래 화면이 나온다면 좌측 Starter를 선택
5. 이런 화면이 보인다면 가입완료!
3. 피그마 살펴보기
홈 화면에서 좌측패널을 보시면 내 정보, draft, teams으로 구분해서 볼 수 있어요.
먼저 좀 더 원활한 환경을 위해 데스크톱 앱을 다운로드하여 실행해 볼게요.
(개인 컴퓨터가 아닌 경우에는 이 단계 없이 웹에서 사용하셔도 돼요)
이름 > 겟데스크톱앱홈에서 좌측 Draft를 눌러보면 가지고 있는 파일 리스트를 볼 수 있어요. 기본적으로 생성되어 있는 파일이라 확인 후 지우셔도 되고 유지하셔도 관계는 없어요.
Drafts 화면드래프트는 임시 작업 파일(초안) 영역이에요. 개인적으로 작업할 때는 여기서 디자인파일을 생성해서 사용하시면 돼요. 하지만 공통으로 여러 명이 접속해 제작에 참여해야 한다면 팀 프로젝트에서 파일을 생성하거나 드래프트에 있는 파일을 팀 프로젝트로 이동해야 사용할 수 있어요.
Team project 화면팀 프로젝트를 눌러보면 오른쪽에 나와있는 설명과 같이 3개의 디자인파일과 3개의 피그잼을 만들 수 있고, 3개가 초과하게 되면 팝업이 나와서 프로페셔널 요금제를 안내해주고 있어요.
초심자의 경우 아직 여러 프로젝트 생성할 일은 없기 때문에 일단 스킵해 볼게요.
4. 피그마 커뮤니티
좌측 제일 하단에 보면 Explore Community가 있는데, 클릭하면 피그마 커뮤니티 화면으로 전환이 돼요.
피그마 커뮤니티는 사용자들이 올리는 다양한 파일과 플러그인들을 이용할 수 있는 곳이에요.
특히 피그마의 경우 각종 플러그인을 이용해 효율적인 작업이 가능하기 때문에 필수적으로 이용하게 될 곳이에요.
플러그인 외에도 다른 작업자들이 올려주는 디자인 파일은 화면이 어떻게 만들었는지 어떤 기능을 이용했는지 직접 열어서 확인이 가능해요. 무료로 제공하는 키트도 많으니 다양한 곳에 응용도 가능하고요.
어떤 식으로 디자인을 만드는지 직접 파일을 열어 확인해 보시면 피그마 공부에 많은 도움이 되실 거예요.
정말 피그마를 아예 모르는 초심자분들도 시작할 수 있도록 차근차근 사용법을 준비해 봤어요. 시작이 반인만큼 올해는 피그마 완! 전! 정복을 목표로 시작해 보길 추천드릴게요.
피그마 프로토타입 및 디자인 정보는 인스타그램에 주 1-2회 업로드되고 있어요.
