카테고리 없음

피그마 시작하기: 기초 가이드

고결이 2024. 12. 22. 17:04

 

피그마(Figma)는 요즘 디자이너들 사이에서 가장 핫한 디자인 도구입니다. 간편한 사용법과 강력한 협업 기능으로 초보자부터 전문가까지 모두가 사랑하는 도구인데요. 이제 피그마를 처음 시작하려는 분들을 위해 정말 쉽게 따라할 수 있는 가이드를 준비했습니다. 함께 시작해볼까요?

1. 피그마 웹사이트 방문

✅ 피그마 다운로드 바로가기 👇🏻

https://m.site.naver.com/1zCS6

 

피그마를 사용하려면 가장 먼저 해야 할 일! 바로 공식 웹사이트에 방문하는 것입니다. 위 링크를 클릭하세요. 쉽죠?


2. 피그마 계정 생성

피그마는 회원가입만 하면 바로 시작할 수 있는 무료 도구예요. 간단하게 따라해보세요:

  1. Sign up 버튼 클릭: 홈페이지 오른쪽 상단에 있는 "Sign up" 버튼을 찾으세요. 클릭!
  2. 이메일 입력: 사용하시는 이메일 주소를 입력하고 "Get started for free" 버튼을 눌러주세요.
  3. 비밀번호 설정: 이름과 비밀번호를 입력한 뒤 "Create account"를 클릭하면 거의 다 끝났습니다.
  4. 이메일 인증: 마지막으로 이메일을 확인하고 인증 링크를 클릭하면 준비 완료!

3. 피그마 기본 인터페이스 이해하기

✅ 피그마 다운로드 바로가기 👇🏻

https://m.site.naver.com/1zCS6

처음 피그마를 열면 화면이 복잡해 보일 수 있어요. 하지만 걱정 마세요! 딱 세 가지만 기억하면 됩니다.

주요 패널 설명

  • 레이어 패널: 화면 왼쪽에 위치하며, 작업 중인 모든 요소를 한눈에 볼 수 있어요.
  • 도구 패널: 상단에 위치하며, 텍스트 추가, 도형 그리기 등 다양한 작업 도구들이 모여 있습니다.
  • 속성 패널: 화면 오른쪽에 자리 잡고 있으며, 선택한 요소의 크기, 색상, 효과 등을 세밀하게 조정할 수 있어요.

이 세 가지 패널만 익히면 피그마 사용이 훨씬 쉬워질 거예요!


4. 피그마에서 폰트 추가하는 방법

피그마로 작업하다 보면 기본 폰트만으로는 부족할 때가 있죠. 내가 원하는 폰트를 추가해서 더 멋진 디자인을 완성해보세요.

  1. 로컬 폰트 설치
    • 먼저, 컴퓨터에 사용할 폰트를 다운로드하고 설치하세요. Google Fonts 같은 무료 폰트 사이트를 활용해보세요.
  2. 피그마 데스크톱 앱 설치
    • 로컬 폰트를 사용하려면 피그마 데스크톱 앱이 필요해요. 다운로드 페이지에서 앱을 설치하세요.
  3. 폰트 활성화
    • 데스크톱 앱을 실행한 뒤, 텍스트 추가 기능을 사용하면 설치한 폰트를 바로 활용할 수 있습니다.

5. 실시간 협업 기능 활용하기

피그마의 꽃은 뭐니 뭐니 해도 실시간 협업 기능이죠. 팀원들과 동시에 작업하면서 의견을 주고받는 게 이렇게 쉬운 도구는 드물어요.

협업 방법

  • 파일 공유: 디자인 파일을 공유하려면 오른쪽 상단의 "Share" 버튼을 클릭하세요. 이메일 주소를 입력하면 팀원들에게 파일이 공유됩니다.
  • 권한 설정: 파일을 공유할 때, 보기 전용으로 할지 편집 권한을 줄지 선택할 수 있어요.
  • 댓글 추가: C를 눌러 원하는 요소에 댓글을 남기면 팀원들과 쉽게 소통할 수 있습니다.

6. 오토 레이아웃 기능 사용하기

"오토 레이아웃"은 작업 시간을 단축시켜주는 정말 유용한 기능이에요. 디자인을 정렬하고 배치하는 과정을 자동화해주죠.

사용 방법

  1. 레이아웃을 적용할 요소를 선택하세요.
  2. 오른쪽 속성 패널에서 "Auto Layout" 옵션을 활성화하세요.
  3. 방향, 간격, 정렬을 설정해보세요. 디자인이 알아서 깔끔하게 정렬될 거예요.

💡 단축키: Shift + A


7. 플러그인 추가로 기능 확장하기

피그마는 플러그인을 추가하면 정말 다양한 작업을 할 수 있어요. 몇 가지 추천 플러그인을 소개합니다.

유용한 플러그인 예시

  • Downsize: 이미지 압축 플러그인 (링크)
  • Font Changer: 폰트 변경 플러그인 (링크)
  • QR Code Generator: QR 코드 생성 플러그인 (링크)

플러그인을 설치하고 사용하면 디자인 작업이 훨씬 간편해집니다.


8. 피그마 단축키 알아보기

작업 속도를 높이고 싶으신가요? 그렇다면 단축키를 꼭 익혀두세요!

단축키기능

V 선택 도구
T 텍스트 도구
A 프레임 생성
Ctrl + Z 실행 취소
Ctrl + D 이전 작업 복제

자주 사용하는 기능부터 하나씩 익혀보세요. 작업 속도가 눈에 띄게 빨라질 거예요.


결론

피그마는 디자인 초보자도 전문가처럼 작업할 수 있게 도와주는 최고의 도구예요. 기본 설정부터 폰트 추가, 협업 기능, 플러그인 활용까지 이제 여러분도 피그마를 완벽히 활용할 준비가 되셨을 거예요.

피그마 시작하기: Figma 공식 홈페이지 바로가기