반응형
🖥️ 피그마(Figma) 입문 가이드
디자인 초보도 1시간이면 쓸 수 있는 협업 디자인 툴의 모든 것
✨ Intro – 디자인 툴이 어렵다고? 이젠 아니야.
“디자인 툴은 포토샵 아니면 일러스트?”
아니죠. 요즘은 초보자도 쉽게 시작할 수 있는 툴이 있습니다.
바로 피그마(Figma).
✔ 설치 필요 없이
✔ 팀원과 동시에 작업 가능
✔ 초보자도 10분이면 적응
디자이너는 물론, 기획자, 대학생, 마케터, 스타트업 CEO까지
누구나 써보는 툴이 된 피그마의 세계에 지금 들어가봅시다.
🧩 Part 1. 피그마는 어떤 툴인가요?
📌 피그마(Figma)의 핵심 특징
- 💻 웹 기반 → 설치 필요 없음, 크롬에서 바로 사용
- 🤝 실시간 협업 → 구글 문서처럼 여러 명 동시 작업 가능
- 🎨 벡터 기반 → 포토샵처럼 픽셀 깨지는 걱정 없음
- 📦 컴포넌트 기반 재사용 → 버튼, 텍스트 박스 등을 재사용 가능
사용 용도 예시
- 발표용 슬라이드 디자인
- 앱/웹 UI 목업
- SNS 콘텐츠 디자인
- 브랜드 키트 정리
- 포스터 & 카드뉴스 제작
🖱️ Part 2. 피그마 시작하기 – 계정부터 첫 작업까지
1️⃣ 회원가입
- https://www.figma.com 접속
- 구글 계정으로 1분 만에 가입 완료
2️⃣ 새 파일 만들기
- "New Design File" 클릭 → 빈 캔버스 생성
- 왼쪽은 레이어 & 페이지 / 가운데는 디자인 캔버스 / 오른쪽은 속성 조절창
🎨 Part 3. 피그마의 기본 기능 – 초보자가 반드시 익혀야 할 5가지
✅ 1. Frame 만들기 (화면 영역 만들기)
- 단축키: F
- 웹, 모바일, 태블릿 등 화면 사이즈 템플릿 제공
- 프레임 안에 콘텐츠를 배치하면 슬라이드처럼 사용 가능
✅ 2. 도형 그리기
- R (Rectangle), O (Circle), L (Line)
- 드래그 앤 드롭으로 크기 조절 가능
- 상단 Fill(채우기), Stroke(선), Corner Radius(둥글기) 조절
✅ 3. 텍스트 삽입
- T 키 → 원하는 곳 클릭 → 텍스트 입력
- 폰트, 크기, 정렬, 줄간격 조절 가능
- 한글 폰트도 대부분 지원됨 (Pretendard, Noto Sans 등 추천)
✅ 4. 그룹핑과 정렬
- Ctrl/Cmd + G: 그룹
- Shift + 클릭: 다중 선택
- 상단 Align 메뉴로 가운데 정렬, 간격 맞춤 가능
✅ 5. 내보내기 (Export)
- 개별 객체 혹은 프레임 선택 후 → 우측 하단 [Export]
- PNG / JPG / SVG 등으로 저장 가능
🧠 Part 4. 피그마로 이런 것도 가능해요! (실용 예시)
📎 ① 대학 발표 슬라이드
- 컬러 블록 슬라이드 디자인 → 도형과 텍스트만으로 깔끔하게 가능
- 목차, 인트로, 결론 슬라이드 구성 추천
📱 ② 앱 UI 디자인
- 프레임을 ‘아이폰 화면’ 크기로 지정하고
- 버튼, 입력창, 아이콘 등을 배치하면 앱 시안 완성
📈 ③ 카드뉴스 & SNS 콘텐츠 제작
- 인스타용 정사각형 프레임
- 일러스트 + 아이콘 + 텍스트 구성
- 그룹 기능 활용으로 복사/수정 편리
📸 [이미지7 위치]: 피그마 카드뉴스 예시
🚀 Part 5. 디자인 감각 살리는 피그마 실전 팁
🎯 1. 그리드(Grid) 기능 사용
- 뼈대 정렬에 필수
- 프레임 선택 → 우측 Layout Grid → Columns로 설정
🎯 2. 컴포넌트 만들기
- 반복 사용되는 버튼, 메뉴를 컴포넌트로 지정 → 재사용 시 일괄 수정 가능
- 단축키: Ctrl/Cmd + Alt + K
🎯 3. 플러그인 활용하기
- 메뉴 → Plugins → Browse → 다양한 무료 플러그인 설치 가능
- 예: Unsplash 이미지 추가 / 아이콘 삽입 / Lorem Ipsum 텍스트 자동 생성 등
👩💻 Part 6. 피그마 Q&A – 초보자들이 가장 많이 하는 질문
❓ Q1. 피그마는 무료인가요?
네, 대부분 기능은 무료 요금제에서도 사용 가능하며, 개인 & 소규모 팀에게 충분합니다.
❓ Q2. 포토샵보다 쉬운가요?
UI 구성 자체가 훨씬 직관적이며, 벡터 기반이라 레이어 개념이 깔끔합니다.
❓ Q3. 팀 프로젝트에 어떻게 쓰나요?
워크스페이스 생성 후, 링크 공유만으로 동시 편집 가능. 댓글 기능으로 소통도 가능.
💬 에디터의 코멘트
“피그마는 단순한 디자인 툴이 아니라, 비디자이너를 위한 시각적 문해력 도구입니다.
발표 슬라이드, 포트폴리오, SNS 콘텐츠까지
디자인을 몰라도 ‘보여주는 방식’을 바꾸는 힘이 여기에 있어요.”
#피그마입문 #피그마사용법 #디자인초보 #피그마디자인
#대학생디자인툴 #UIUX디자인 #발표슬라이드디자인 #피그마슬라이드
#FigmaTips #피그마강의 #디자인툴추천 #프레젠테이션디자인
#비디자이너디자인 #포스터디자인 #협업디자인툴 #피그마무료
반응형