본문 바로가기

알면 유용한 사이트

UI/UX 디자이너들이라면 들어봤다는 피그마

UI/UX 디자인을 할 때 사용하는 프로그램들이 많이 있습니다

이번에 소개할 피그마의 경우 범용성 좋고 템플릿도 많아서 사용자가 사용하기에 매우 편리합니다

구글에서 "피그마"를 검색합니다

첫 번째 상단의 사이트에 접속합니다

아래의 링크를 통해서 바로 피그마의 공식 홈페이지로 이동할 수 있습니다

https://www.figma.com/

 

Figma: the collaborative interface design tool.

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

www.figma.com

홈페이지에 접속하면 기본적으로 영어로 되어있습니다

 

피그마를 이용하는 방법은 두 가지가 있습니다

첫 번째는 피그마 사이트에서 프로그램을 사용하는 방법이고

두 번째는 컴퓨터에 피그마 프로그램을 깔아서 포토샾, 어도비 같이 사용하는 방식입니다

첫 번째 방법을 이용해 보겠습니다

 

이미 회원가입이 되신 분은 로그인을 하고 처음 사용하는 사람은 회원가입을 하겠습니다

오른쪽 상단의 "Sign up" 버튼을 누르면 로그인 창이 나옵니다

또는 "Try Figma for free" 버튼을 클릭합니다

마찬가지로 아래와 같이 로그인 화면이 나옵니다

구글 계정이 있으면 구글 계정으로 가입하고 없으면 "Create account" 버튼으로 다른 이메일 계정으로

회원가입을 합니다

구글 계정으로 회원 가입을 진행하겠습니다

구글 계정을 로그인하고 위와 같이 계성 선택 팝업이 나옵니다

연결할 계정을 클릭합니다

첫 번째 칸에 구글 계정 정보가 나오고

두 번째 칸은 무슨 일을 하는지 선택하는 질문 선택 창이 나옵니다

자신에게 맞는 적절한 답을 정해줍니다

"I agree to join Figma's mailing list" 체크박스는 피그마 관련 메일 받을지 동의/미동의 체크박스입니다

선택을 안 해도 두 번째 칸의 질문만 선택을 하면 가입이 자동적으로 진행됩니다

 

회원가입 후 로그인을 하면 아래와 같은 화면이 나옵니다

가운데 화면을 클릭하면 간단한 튜토리얼을 진행해서 피그마의 기본적인 기능에 대해서 소개해줍니다

파일 임포트(import file) 방법, 새 작업물 화면입니다