웹에서 바로 쓰는 신세계, 피그마! 어떻게 시작해야 할까?
복잡한 설치, 번거로운 업데이트, 무거운 프로그램...
디자인 툴 하나 깔려면 컴퓨터 숨 넘어가는 소리 들리던 시절은 갔슴미다.
이제는 그냥 브라우저 하나면 끝!
💥 그 중심에 있는 이름, 바로 ‘피그마(Figma)’입니다.
디자인을 하든 개발을 하든, ‘피그마’라는 이름 한 번쯤은 들어봤을 거예요.
UI/UX 디자이너들이 특히 많이 쓰는 툴이기도 하죠.
그런데 이 피그마가... 단순한 툴이 아닙니다.
웹 기반이면서도 웬만한 기능은 다 갖춘 데다가
팀원들끼리 협업까지 실시간으로 가능하다는 점에서
진짜진짜 제대로 쓸 수만 있다면 생산성 폭발💣합니다.
이 글에선 피그마의
📌 다운로드 방법부터
🧩 기본적인 사용법,
💡 꿀팁까지 정리해서 알려드릴게요.
처음 써보는 사람도, 한 번 써봤다 접었던 분도,
오늘 이 글 하나면 피그마 길들이기 어렵지 않슴미다!
1️⃣ 피그마? 설치 안 해도 됩니다! (하지만 데스크탑 버전도 있음)
피그마의 가장 큰 장점 중 하나는 바로 ‘설치 필요 없음’.
그냥 웹사이트 접속하고 로그인만 하면 디자인 작업을 바로 시작할 수 있슴미다.
진짜 말 그대로, 브라우저 열고 시작 ㄱㄱ!
📍 웹에서 쓰는 법
- figma.com 접속
- 계정 생성 또는 로그인
- New Design File 클릭 → 바로 디자인 가능!
그래도 데스크탑에서 더 빠릿하게 작업하고 싶다?
👉 윈도우 or 맥용 피그마 앱 설치도 가능해요.
설치 방법도 간단하고, 인터페이스도 웹이랑 거의 똑같음!
2️⃣ 인터페이스, 안 복잡함. 쓰다 보면 손에 익어요
피그마는 UI도 직관적이라 배우기 쉽습니다요.
🖼️ 캔버스: 우리가 작업할 공간
🛠️ 도구 모음: 도형, 텍스트, 펜툴 등등
📑 레이어 패널: 어떤 요소가 어디 있는지 정리 가능
🎨 속성 패널: 색상, 그림자, 테두리 등 꾸미기 기능
조금 만지다 보면 감 오고요,
기본 구성만 알면 응용은 금방입니다!
3️⃣ 디자인 작업은? 프레임부터 텍스트까지 꾹꾹 눌러줍시다
피그마에서의 디자인은 ‘프레임(Frame)’이 기본 단위입니다.
- 모바일, 태블릿, PC 등 다양한 프레임 선택 가능
- 도형 툴로 버튼 만들고, 텍스트 툴로 글 넣고
- 색상, 그림자, 둥근 모서리까지 커스터마이징도 OK!
👉 단순한 와이어프레임부터
👉 컬러풀한 UI까지
이 모든 걸 피그마 하나로 다 할 수 있어요 🎉
4️⃣ 프로토타입 기능 = 마치 진짜 앱 쓰는 느낌!
디자인만 예쁘면 뭐하나~ 흐름을 보여줘야지!
피그마의 프로토타입 기능으로 ‘동작하는 것처럼’ 연출해봅시다.
- 버튼에 페이지 링크 연결
- 클릭 시 전환 애니메이션 설정
- 디바이스 미리보기 기능으로 실제 모바일 앱처럼 확인 가능
🌟 링크만 복사해서 공유하면,
팀원, 클라이언트 누구든 확인 가능! 피드백 받기 진짜 쉬움!
5️⃣ 플러그인 & 템플릿으로 생산성 폭발💥
피그마에는 다양한 플러그인과 템플릿이 존재합니다.
예를 들어
- 아이콘 쉽게 삽입하는 플러그인
- Lorem Ipsum 텍스트 자동 생성
- 무료 UI 키트 템플릿으로 바로 레이아웃 완성
작업 시간이 쭈-욱 줄어드는 마법, 믿고 써보시길!
6️⃣ 단축키는 무조건 외워둡시다. 진심 작업 속도 2배는 빨라짐
- R: 사각형 도구
- O: 원
- T: 텍스트
- V: 선택툴
- Shift + A: Auto Layout (진짜 핵심 기능임!!)
처음엔 헷갈리지만, 손에 익으면 피그마 장인이 눈앞에…👀
“피그마는 꼭 설치해야 하나요?”
아뇨!
피그마의 핵심 장점 중 하나가 바로 ‘웹 기반’이라는 점이에요.
브라우저만 있으면 언제 어디서나 작업이 가능하니
노트북, 회사 PC, 친구 집 컴퓨터(?) 어디서든 바로 작업 ㄱㄱ!
물론, 데스크탑 앱도 제공되니까 원하면 설치해서 써도 무방합니다요 😎
모바일에서도 피그마 사용할 수 있나요?
디자인 수정까지는 어렵지만,
👉 피그마 미러 앱(Figma Mirror)을 활용하면
내 디자인을 모바일에서 ‘실시간 미리보기’로 볼 수 있습니다!
프로토타입 테스트할 때 특히 유용해요 📱
피그마, 완전 초보도 배울 수 있을까요?
물론이죠~
인터페이스도 심플하고,
유튜브나 피그마 커뮤니티에도 입문자용 튜토리얼이 아주 많아요.
몇 개 따라만 해봐도 감 팍팍 옵니다.
프로 디자이너가 아니더라도 누구나 써볼 수 있어요 🙌
🙋♂️ 피그마, 처음엔 어렵게 느껴질 수도 있지만
막상 손에 익으면 디자인부터 프로토타입까지
모든 과정을 원스톱으로 해결할 수 있는 엄청난 툴입니다.
💻 웹에서 바로 쓸 수 있다는 점,
👥 협업이 실시간으로 가능하다는 점,
🔧 플러그인으로 기능 확장이 된다는 점…
이 모든 게 디자이너들에게는 큰 메리트가 되죠.
당장 써보세요.
디자인 작업의 ‘속도’와 ‘편의성’이 확 달라질 거예요.