요즘 디자이너 필수, Figma! 피그마가 뭐에요? 소개부터 사용법까지 총정리!
요즘 올라오는 디자인 계열 채용 공고를 보면, Adobe 프로그램 외에도 Figma(피그마)를 필수 사용 프로그램으로 꼽는 곳이 참 많아 졌습니다.
저도 사실 ‘피그마가 뭐지?’싶었고, 당황스러웠는데요. 그런데 이 툴이 요즘 디자인은 물론 기획, 개발 직무에서도 필수처럼 쓰이고 있다는 걸 알고 나서는 확실히 궁금해졌습니다.
그래서 이번 글에서는, 피그마가 도대체 어떤 프로그램인지, 왜 많은 회사들이 피그마를 다룰 줄 아는 사람을 찾는지, 그리고 어떻게 사용하는지까지 하나씩 쉽게 정리해보겠습니다.
🧾 피그마(Figma)는 어떤 프로그램인가요?
피그마는 간단히 말해 웹 기반 UI/UX 디자인 툴입니다.
Adobe XD나 Sketch처럼 앱이나 웹 화면을 디자인할 수 있는데, 별도의 설치 없이 브라우저에서 바로 실행된다는 게 가장 큰 특징이죠.
- Mac, Windows 가리지 않고 어디서나 사용 가능
- 설치 없이 웹에서 바로 실행
- 실시간 협업과 피드백 기능 탑재
- 디자인뿐만 아니라 프로토타입 제작, 개발 공유까지 한 번에
💡 왜 이렇게 많이 쓰일까요? (기업들이 피그마를 선호하는 이유)
- 재택, 원격 업무에 최적화 – 모두가 같은 파일을 동시에 보고, 수정하고, 코멘트를 달 수 있어요
- 협업이 강력 – 디자이너, 기획자, 개발자가 하나의 파일에서 의견을 나눌 수 있음
- 디자인 시스템 관리 – 공통 컴포넌트와 스타일을 공유해 팀 전체가 일관된 디자인 유지
- 초보자도 쉽게 접근 가능 – 직관적인 UI와 단축키 덕분에 금방 적응할 수 있어요
💰 피그마는 유료인가요? 무료로도 쓸 수 있나요?
피그마는 기본적으로 무료로 시작 가능합니다.
다만, 팀 규모나 작업 성격에 따라 유료 플랜이 필요할 수도 있어요.
| 요금제 | 주요 대상 | 가격 | 특징 |
|---|---|---|---|
| Free | 개인 사용자, 학습용 | 무료 | 3개 파일, 실시간 협업 가능 |
| Professional | 프리랜서 디자이너 | 월 $12 | 무제한 파일, 컴포넌트 공유 |
| Organization | 팀 단위 작업 | 월 $45 | 권한 관리, 고급 협업 기능 |
| Enterprise | 대기업 | 별도 문의 | 보안 및 사용자 통제 기능 강화 |
📌 학생이나 교사라면: ‘Figma for Education’ 프로그램을 통해 유료 기능도 무료 사용할 수 있어요.
👨💻 피그마는 어떤 사람들에게 필요할까요?
- UI/UX 디자이너: 화면 설계와 디자인 시스템 구축
- 기획자/PM: 와이어프레임, 사용자 흐름 작성
- 프론트엔드 개발자: 디자인 확인 + 코드 연동
- 스타트업 마케터: 프로토타입 기반 랜딩 페이지 제작
요즘은 단순 디자이너가 아닌 ‘협업이 가능한 디자이너’를 선호하기 때문에, 피그마는 필수처럼 여겨지고 있는 추세입니다.
✍️ 피그마 기본 사용법
✅ 1. 프레임(Frame) 만들기
→ 웹, 모바일 디자인의 “화면”이라고 생각하면 쉬워요
- 상단 메뉴에서
Frame tool (F)클릭 - 우측에서 iPhone, Desktop 등 크기 선택
✅ 2. 도형 만들기 (사각형, 원 등)
- 툴바에서
사각형(Rectangle),원(Ellipse)선택 - 캔버스에 드래그해서 배치
- 오른쪽에서 색상, 테두리, 둥근 모서리 등 설정 가능
✅ 3. 텍스트 추가
T를 눌러 텍스트 박스 생성- 원하는 글 입력 후, 폰트와 정렬, 크기 조정
✅ 4. 이미지 삽입
Shift + Ctrl/Cmd + K→ 이미지 불러오기- 캔버스에 드래그해 배치
✅ 5. 컴포넌트 만들기
→ 버튼, 카드 같은 요소를 재사용 가능하게 만드는 기능
- 디자인 요소 선택 후
Ctrl/Cmd + Alt + K→ 컴포넌트화 - 나중에 수정하면 전체 반영됨 (재사용에 매우 유용)
✅ 6. Auto Layout 적용
→ 요소들이 자동으로 정렬되고 크기가 유동적으로 변함
- 박스를 선택하고 우측에서 Auto layout 적용
- 버튼 내부 텍스트 길이에 따라 자동 조정 등 가능
✅ 7. 프로토타입 연결
→ 실제 앱처럼 화면 간 이동을 연결
Prototype탭 선택- 버튼을 다른 프레임으로 드래그하여 연결
- 상단의 ▶️ Run 버튼으로 실제 동작 확인 가능
📝 참고로 디자인 경험이 없어도, 피그마로 간단한 와이어프레임이나 기획서용 UI 흐름은 누구나 만들 수 있어요!
💬 협업 기능
- 다른 사람과 URL만으로 공유 가능
- 댓글 달기 기능으로 실시간 피드백 가능
- 버전 히스토리로 이전 작업 복구 가능
📚 피그마 더 잘 배우고 싶다면?
- 공식 사이트: https://www.figma.com
- 유튜브 검색어:
피그마 기초,Figma 프로토타입 만들기 - 인프런 / 패스트캠퍼스 강의: 실무 기반 피그마 강좌
- 피그마 커뮤니티 & 한글 블로그: 다양한 실전 예제 공유
✨ 마무리하며
저처럼 피그마가 낯설게 느껴졌던 분들에게,
이 글이 조금이나마 정리된 가이드가 되었길 바랍니다.
저의 생각엔 피그마는 ‘디자이너만의 툴’이 아닙니다.
피그마는 기획자든 개발자든, 제품이나 서비스를 만드는 모든 사람들이 함께 써야 할 협업 도구이자 커뮤니케이션의 중심이 되어가고 있습니다.
미리 익혀두시면 하나의 스킬이 생길테니, 지금이라도 가볍게 시작해보세요.
생각보다 쉽게 익숙해질 수 있을 거예요. 😊
