자자 이제 아래 10가지 질문들을 보고 궁금증을 풀어보세요.
Q1. Figma는 설치해야 하나요?
A. 아니요!
Figma는 웹 기반 툴이기 때문에
브라우저만 있으면 바로 사용 하실 수 있는 장점이 큽니다.
단, 더 빠르고 안정적인 작업을 원한다면 데스크탑 앱 설치도 가능해요. (Mac/Windows 모두 지원 가능하다죠)
Q2. 저장 버튼이 없는데요?
A. 자동 저장됩니다.
Figma는 작업할 때마다 실시간으로 저장되며,
버전 히스토리도 자동으로 기록돼요.
‘Ctrl+S’는 필요 없어요!
Q3. 작업한 디자인은 어떻게 내보내나요?
A. Export 기능을 사용하세요.
- 원하는 요소를 선택
- 오른쪽 패널 →
Export클릭 - PNG, JPG, PDF, SVG 등 다양한 포맷 지원
여러 개 동시에 선택해서 한번에 내보내기도 가능해요.
Q4. 모바일 앱도 디자인할 수 있나요?
A. 물론이죠!
프레임 사이즈 선택 시, iPhone 13, Pixel 7 등
모바일 디바이스 사이즈 프리셋이 제공돼요.
앱, 웹 모두 OK바리!
Q5. 컴포넌트가 뭐예요?
A. 반복해서 쓰는 디자인의 ‘원본’입니다.
버튼, 카드, 메뉴 등 자주 쓰는 UI를 컴포넌트로 만들면
한 번에 수정되고, 유지 관리도 편해져요.
복붙이 아닌, 스마트 복제 방식이라고 보면 돼요.
Q6. 이미지나 아이콘은 어디서 가져오나요?
A. 플러그인을 활용하세요!
Unsplash→ 무료 고화질 사진Iconify→ 10만 개 이상 아이콘 제공Feather,Material Icons도 인기 많아요
플러그인은Shift + I에서 검색/설치 가능!
Q7. 협업은 어떻게 하나요?
A. 링크 공유만 하면 됩니다.
- 상단 우측
Share클릭 - View or Edit 권한 설정
- 실시간 댓글 달기, 동시에 수정 가능 (Google Docs처럼!)
※ Figma의 가장 강력한 기능 중 하나예요.
Q8. 정렬이 어렵고, UI가 지저분해
A. 그리드와 Auto Layout을 활용해보세요.
- Frame에
Layout Grid추가 - 요소 정렬은 상단
Align버튼 활용 - 반복 요소는
Shift + A로 Auto Layout 설정 → 간격 자동!
Q9. 컴포넌트를 복사했는데, 수정이 안 돼요
A. 인스턴스(Instance)라서 그래요.
컴포넌트를 복제하면 원본에 연결된 인스턴스가 생성돼요.
일부 내용만 수정 가능하고, 전체 수정은 원본 컴포넌트에서 해야 해요.
원본과 연결 끊고 싶다면 → Detach instance
Q10. 어디서부터 시작해야 할지 모르겠어요
A. 프레임 + 텍스트 + 버튼부터 만들어보세요.
예: 로그인 화면
- 프레임(F) → 사이즈 설정
- 텍스트(T), 입력 박스(R), 버튼 구성
작게 시작해서 Auto Layout, 컴포넌트, 프로토타입으로 확장해보면 금방 익숙해져요!
마무리!
처음엔 생소하고 어려워 보이지만,
Figma는 쓰면 쓸수록 재밌고 직관적인 툴이에요.
위 질문 10가지만 익혀도 80%는 해결된다고 보면 돼요.