디자인 툴, 꼭 돈 내고 써야 할까?
앱 화면을 직접 만들어보고 싶거나, 포트폴리오용 목업이 필요하거나, 혹은 개발자인데 디자이너와 협업할 일이 생겼을 때 가장 먼저 떠오르는 도구가 피그마(Figma)다. UI/UX 디자인 분야에서 사실상 표준처럼 쓰이는 툴이기 때문이다.
좋은 소식은, 피그마가 무료 플랜을 제공한다는 점이다. 입문자가 기본기를 익히고 간단한 프로젝트를 진행하기에는 무료 범위만으로도 충분한 경우가 많다. 다만 무료와 유료 사이의 경계가 어디인지, 무엇부터 시작해야 하는지 막막할 수 있다. 이 글에서는 피그마 무료 사용법의 핵심을 정리하고, 디자인을 처음 배우는 사람이 실질적으로 활용할 수 있는 방법을 안내한다.
피그마란 무엇이고, 왜 입문자에게 적합한가
피그마는 웹 브라우저에서 바로 실행되는 클라우드 기반 디자인 툴이다. 별도의 프로그램을 설치하지 않아도 크롬이나 엣지 같은 브라우저만 있으면 작업할 수 있다. 물론 데스크톱 앱도 제공하지만, 핵심은 인터넷만 연결되면 어디서든 작업을 이어갈 수 있다는 점이다.
입문자에게 적합한 이유는 몇 가지가 있다.
- 진입 장벽이 낮다 — 회원가입 후 바로 캔버스가 열린다. 설치 과정에서 막힐 일이 없다.
- 실시간 협업이 가능해서, 같이 배우는 동료와 한 파일에서 동시에 작업할 수 있다.
- 커뮤니티 파일이 풍부하다. 다른 사람이 공유한 디자인 파일을 열어보고 구조를 뜯어보는 것 자체가 훌륭한 학습이 된다.
- UI 디자인에 특화되어 있어서, 웹이나 앱 화면을 만들 때 필요한 기능이 잘 갖춰져 있다.
피그마 무료 플랜으로 할 수 있는 것과 제한
피그마의 무료 플랜(Starter 또는 Free 플랜이라고 불리기도 한다)은 개인 학습이나 소규모 작업에 초점이 맞춰져 있다. 다만 플랜 구성이나 세부 조건은 피그마 측에서 수시로 변경할 수 있으므로, 정확한 최신 정보는 피그마 공식 홈페이지의 요금제 페이지에서 직접 확인하는 것을 권한다.
일반적으로 무료 플랜에서 가능한 것과 제한되는 영역을 대략적으로 정리하면 다음과 같다.
| 구분 | 무료 플랜에서 가능한 범위 | 제한될 수 있는 부분 |
|---|---|---|
| 파일 수 | 개인 드래프트에서 파일 생성 가능 | 팀 프로젝트 내 파일 수에 제한이 있을 수 있음 |
| 편집 기능 | 벡터 편집, 프레임, 컴포넌트 등 핵심 기능 대부분 | 팀 라이브러리 공유 등 협업 고급 기능 |
| 프로토타이핑 | 기본 인터랙션, 화면 전환 구현 가능 | 고급 프로토타이핑 기능 일부 제한 가능 |
| 커뮤니티 파일 | 탐색, 복제(Duplicate) 자유 | — |
| 플러그인 | 설치 및 사용 가능 | — |
핵심만 말하면, 혼자서 디자인을 배우고 연습하는 데는 무료 플랜이 충분히 쓸 만하다. 제한이 체감되는 시점은 보통 팀 단위로 본격적인 프로젝트를 운영할 때다.
처음 시작할 때 꼭 알아야 할 기본 개념 5가지
피그마를 처음 열면 빈 캔버스가 나온다. 뭘 해야 할지 모르겠다면, 아래 다섯 가지 개념부터 익히자.
1. 프레임(Frame)
프레임은 디자인의 ‘틀’이다. 모바일 화면 크기, 데스크톱 화면 크기 등을 프레임으로 설정하고 그 안에서 작업한다. 포토샵의 캔버스와 비슷하지만, 프레임 안에 프레임을 중첩할 수 있다는 점이 다르다. 레이아웃을 구성하는 핵심 단위이므로 가장 먼저 손에 익혀야 한다.
2. 레이어(Layer)와 그룹
화면 왼쪽 패널에 레이어 목록이 보인다. 모든 요소는 레이어로 쌓이고, 관련 요소끼리 그룹으로 묶을 수 있다. 레이어 순서가 곧 화면에서의 앞뒤 관계다. 파일이 복잡해질수록 레이어 정리 습관이 중요해진다.
3. 컴포넌트(Component)
반복되는 요소—예를 들어 버튼, 아이콘, 내비게이션 바—를 컴포넌트로 만들어 두면, 하나를 수정했을 때 나머지에도 자동으로 반영된다. 처음엔 건너뛰기 쉬운 개념인데, 일찍 익힐수록 작업 효율이 크게 달라진다.
4. 오토 레이아웃(Auto Layout)
요소들이 자동으로 정렬되고, 내용이 늘거나 줄면 크기가 따라 조정되는 기능이다. CSS의 Flexbox와 비슷한 원리라고 보면 된다. 버튼 안의 텍스트가 길어지면 버튼도 자동으로 넓어지는 식이다. 실무에서 가장 많이 쓰이는 기능 중 하나다.
5. 프로토타이핑
디자인한 화면들을 연결해서 실제 앱처럼 작동하는 시뮬레이션을 만드는 것이다. 화면 A의 버튼을 클릭하면 화면 B로 넘어가는 식의 흐름을 코딩 없이 구현할 수 있다. 포트폴리오를 만들 때나, 기획을 검증할 때 유용하다.
입문자가 흔히 하는 실수와 주의점
도구 사용법만큼 중요한 게 ‘잘못된 습관을 피하는 것’이다.
파일 정리를 미루는 것이 가장 흔한 실수다. 레이어에 Rectangle 1, Rectangle 2 같은 이름이 수십 개 쌓이면 나중에 수정이 거의 불가능해진다. 만들 때마다 이름을 붙이는 습관이 필요하다.
두 번째는 그리드(Grid) 없이 작업하는 것이다. 프레임에 레이아웃 그리드를 설정하면 요소 배치가 일관되고, 결과물의 완성도가 눈에 띄게 올라간다. 피그마에서 프레임 선택 후 오른쪽 패널의 Layout grid 항목에서 간단히 추가할 수 있다.
세 번째, 커뮤니티 파일을 ‘구경만’ 하는 경우가 많다. 잘 만들어진 파일을 복제해서 직접 요소를 해체하고, 레이어 구조를 살펴보고, 컴포넌트가 어떻게 구성됐는지 분석하는 과정이 훨씬 빠른 학습법이다.
무료로 피그마 실력을 키우는 현실적인 방법
유튜브에 피그마 튜토리얼이 넘친다. 하지만 영상을 따라 하는 것만으로는 실력이 잘 늘지 않는다. 효과적인 학습 루트를 제안하면 이렇다.
- 피그마 공식 학습 자료부터 시작하기 — 피그마는 자체적으로 꽤 잘 만든 튜토리얼과 문서를 제공한다.
- 실제 앱이나 웹사이트를 따라 만들어 보기 — ‘카카오톡 채팅 화면을 그대로 만들어 보자’ 같은 구체적인 목표가 도움이 된다.
- 커뮤니티의 UI Kit를 활용해 자신만의 화면 구성하기 — 기본 컴포넌트를 조합해서 새로운 화면을 만들어 보는 연습이다.
- 만든 결과물을 프로토타이핑으로 연결해 보기 — 정적인 화면을 동적으로 만들어 보면 이해 깊이가 달라진다.
플러그인도 적극 활용하면 좋다. 예를 들어 아이콘 검색 플러그인, 더미 이미지 삽입 플러그인, 한글 더미 텍스트 생성 플러그인 등이 무료로 제공된다. 피그마 안에서 Community > Plugins를 탐색해 보자.
자주 묻는 질문
Q: 피그마 무료 플랜은 기간 제한이 있나요?
A: 일반적으로 무료 플랜은 기간 제한 없이 사용할 수 있다. 다만 세부 조건은 변경될 수 있으므로 공식 사이트에서 확인하는 것이 정확하다.
Q: 피그마는 포토샵 대용으로 쓸 수 있나요?
A: 성격이 다르다. 피그마는 UI/UX 디자인과 화면 설계에 특화되어 있고, 포토샵은 사진 보정과 래스터 이미지 편집에 강하다. 목적에 따라 선택이 달라진다.
Q: 디자인 경험이 전혀 없어도 피그마를 배울 수 있나요?
A: 가능하다. 피그마는 드로잉 실력보다 UI 요소 배치와 구조 설계가 핵심이라서, 논리적으로 화면을 구성하는 감각만 있으면 충분히 시작할 수 있다.
Q: 피그마 파일을 다른 형식으로 내보낼 수 있나요?
A: PNG, JPG, SVG, PDF 등 다양한 형식으로 내보내기가 가능하다. 오른쪽 패널 하단의 Export 섹션에서 설정할 수 있다.
Q: 피그마와 피그잼(FigJam)은 같은 건가요?
A: 다르다. 피그잼은 브레인스토밍이나 회의용 화이트보드 도구이고, 피그마는 디자인 제작 도구다. 같은 계정으로 둘 다 사용할 수 있다.
이 글은 일반적인 정보 제공 목적이며, 실제 제품의 사양·가격·기능은 시점에 따라 달라질 수 있습니다. 구매 결정 전 공식 정보를 확인하시기 바랍니다.
※ 작성일: 2026년 07월 28일 기준