Figma
Figma는 브라우저 기반의 UI/UX 디자인 툴로, 별도의 프로그램 설치 없이 다양한 플랫폼에서 협업 디자인이 가능한 점이 가장 큰 강점입니다. 실시간 공동 작업, 디자인 시스템 구축, 프로토타이핑 등 폭넓은 기능을 제공하며, 디자이너뿐 아니라 기획자, 개발자도 함께 활용할 수 있는 툴입니다. 이 글에서는 피그마의 특징과 무료로 사용하는 방법, 설치 및 사용법을 정리해 소개합니다.
피그마(Figma)는 웹 기반 인터페이스 디자인 도구로, 클라우드 협업을 중심으로 설계되었습니다. 사용자는 별도의 프로그램 설치 없이 웹사이트에 접속해 바로 디자인을 시작할 수 있으며, 팀원과 실시간으로 작업 내용을 공유할 수 있습니다.
✅ 대표 기능 요약
웹 기반으로 OS 제한 없이 사용 가능
실시간 협업 및 코멘트 기능 지원
벡터 기반 UI 디자인 및 프로토타이핑 가능
디자인 시스템 및 컴포넌트 관리 기능 탑재
개발자와의 연동을 위한 코드 추출 기능 제공
✅ 설치 절차 안내
웹브라우저에서 Figma 공식 홈페이지(figma.com) 접속
[Sign up] 또는 [Get started for free] 버튼 클릭
이메일 또는 Google 계정으로 회원가입 진행
웹에서 바로 사용 가능하며, 데스크탑 앱도 별도 제공됨
데스크탑 앱은 [Download desktop app] 메뉴에서 설치 가능
✔ 주의사항
웹 기반이므로 인터넷 연결이 필수
데스크탑 앱은 Windows/macOS 지원
무료 플랜은 3개의 프로젝트, 일부 협업 기능에 제한 있음
Figma Mirror 앱은 모바일 미리보기 전용으로 별도 설치 필요
✅ 새 파일 만들기 및 프레임 생성
로그인 후 [New design file] 클릭 → 빈 디자인 캔버스 열림
좌측 툴바에서 [Frame] 도구 선택 후 원하는 크기 지정
✅ 도형 및 텍스트 도구 활용
[Rectangle], [Ellipse], [Line], [Text] 등 기본 도구 배치 가능
속성 패널에서 색상, 크기, 효과 조절 가능
✅ 컴포넌트 및 스타일 설정
자주 쓰는 UI 요소는 컴포넌트로 저장해 재사용 가능
색상, 폰트 등의 스타일을 라이브러리로 등록해 일괄 적용
✅ 공유 및 프로토타입 연결
[Share] 버튼으로 공동 작업자 초대 가능
[Prototype] 탭에서 페이지 간 이동 흐름 설정
Figma는 가볍고 강력한 클라우드 기반 디자인 툴로, 설치 없이 빠르게 시작할 수 있다는 점에서 접근성이 매우 뛰어납니다. 무료 플랜만으로도 충분히 강력한 기능을 제공하며, 팀원과의 실시간 협업도 원활하게 지원됩니다. 디자인 협업이 필요한 누구에게나 피그마는 훌륭한 선택지가 될 수 있습니다.