← 소프트웨어 자료실
멀티미디어 · 이미지 편집

Figma

Figma는 웹·앱 화면 설계, 인터랙티브 프로토타입 제작, 공동 편집과 개발 전달을 지원하는 디자인 협업 도구입니다.

공식 사이트로 이동 ↗

어떤 작업에 쓰는 프로그램인가

Figma는 디자이너, 기획자, 개발자가 화면과 사용자 흐름을 함께 검토하는 데 쓰는 도구다. 웹사이트나 모바일 앱의 와이어프레임부터 상세 UI, 클릭 가능한 시제품까지 같은 작업 환경에서 다룬다. 단순한 ‘팀 협업 소프트웨어’라는 소개보다 화면 설계와 프로토타이핑을 중심으로 설명하는 편이 정확하다.

현재 Figma는 화이트보드용 FigJam, 발표 자료용 Figma Slides 등 여러 제품을 제공한다. 이 원고는 macOS 앱에서 사용하는 Figma Design 중심으로 설명한다.

주요 기능과 실무 예시

Auto layout은 버튼 문구나 카드 내용이 바뀔 때 프레임 크기와 간격을 조정한다. 컴포넌트는 반복되는 버튼·입력창을 재사용하게 하며, 변형으로 상태별 모습을 묶어 관리할 수 있다. 프로토타입에서는 화면 사이의 클릭 이동, 호버 반응, 애니메이션을 연결해 구현 전 동작을 검토한다.

예를 들어 쇼핑 앱의 상품 상세·장바구니·주문 완료 화면을 만들고 구매 버튼을 연결한다. 기획자는 댓글로 배송 안내 문구를 검토하고, 디자이너는 공통 버튼을 수정하며, 개발자는 측정값과 자산을 확인한다. 결제 서버를 구현하기 전에 화면 흐름을 점검하는 활용 예시다.

지원 OS와 설치·첫 작업 순서

공식 데스크톱 안내의 Mac 최소 조건은 macOS 12 이상이며 Intel과 Apple Silicon을 지원한다. Windows 앱도 제공하므로 macOS 전용 제품은 아니다. 브라우저판은 macOS·Windows·Linux·ChromeOS에서 지원 브라우저와 그래픽 요구 조건을 충족해야 한다. 한국어 인터페이스도 제공한다.

Mac에서는 ‘이 Mac에 관하여’로 OS를 확인한 뒤 공식 Downloads에서 macOS 앱을 내려받고, 안내에 따라 Figma를 Applications 폴더로 옮겨 실행·로그인한다. 첫 작업은 새 Design 파일에 화면용 프레임을 만들고 텍스트와 버튼을 배치하는 순서가 좋다. 다음 화면을 추가해 프로토타입 연결을 만들고 재생으로 확인한 뒤 공유 권한을 정한다. 설치 없이 브라우저로 시작할 수도 있다.

무료·유료와 협업 제약

Starter는 무료이며 초안은 무제한이다. 다만 팀 폴더는 하나이고, 그 안의 Figma Design과 Figma Sites 파일은 합계 3개로 제한된다. 무료 초안에 초대한 협업자는 보기 권한만 받을 수 있다. 팀 라이브러리와 Dev Mode는 제공되지 않으며 버전 기록은 30일이다. ‘초안 무제한’을 공동 편집과 모든 기능의 무제한 제공으로 이해하면 안 된다.

Professional은 무제한 팀 파일과 팀 라이브러리, 고급 프로토타이핑·개발 전달 기능을 제공한다. 유료 좌석은 Full·Dev·Collab으로 나뉘므로 디자인 편집이 필요한 사람과 개발 검사·회의 협업이 필요한 사람을 구분해 선택해야 한다. 요금은 미국 달러로 표시되며 결제 주기와 좌석에 따라 달라진다. 무료 Starter의 AI 사용도 하루 150, 월 최대 500 크레딧 한도가 있다.

문제가 생겼을 때 확인 순서

Mac 앱이 실행되지 않으면 먼저 macOS 12 이상인지, 앱 업데이트가 필요한지 확인한다. 회사 관리 기기라면 관리자에게 업데이트 가능 여부를 확인한다. 브라우저에서 화면이 제대로 표시되지 않으면 브라우저 버전을 갱신하고 공식 요구 조건의 WebGL 지원을 점검한다.

글꼴 누락 경고는 누락된 글꼴 이름·굵기 확인, Mac 서체 관리자에서 설치 여부 확인, 협업자와 글꼴 버전 비교 순으로 살핀다. 브라우저에서 로컬 글꼴을 쓰려면 Font Installer가 필요하지만 데스크톱 앱에는 포함되어 있다. 편집이 막히면 파일의 보기·편집 권한과 무료 초안 공유 제한도 확인한다.

다른 도구와 선택 기준

정밀한 화면 배치와 클릭 흐름 검토가 목적이면 Figma Design이 맞고, 아이디어 회의나 흐름도 정리가 중심이면 FigJam, 발표가 결과물이면 Figma Slides를 먼저 검토할 수 있다. 사진 보정이 주작업이라면 사진 편집 도구, 실제 서비스 동작이 목표라면 개발 도구의 필요성을 함께 판단한다.

선택할 때는 공동 편집 인원보다 편집 권한이 필요한 역할, 반복 UI의 양, 개발 전달 방식, 팀 파일 한도를 우선 확인한다. 확인한 공식 페이지에서는 제품 지원 종료 공지가 발견되지 않았다. 다만 구형 macOS의 앱 지원과 특정 데스크톱 버전의 지원 상태는 별도 검토해야 한다.

공식 안내

주요 기능

  • 프레임·벡터·텍스트로 웹과 모바일 인터페이스 설계
  • Auto layout으로 내용 변화에 맞춰 크기와 배치 자동 조정
  • 컴포넌트와 변형을 활용한 반복 UI 재사용
  • 클릭·호버·스크롤 반응과 화면 전환을 연결한 프로토타입 제작
  • 동일 파일 공동 편집과 댓글을 통한 피드백
  • 유료 플랜의 팀 라이브러리와 고급 Dev Mode 검사
  • macOS 데스크톱 앱에서 로컬 글꼴 사용과 여러 파일 탭 관리
광고

관련 프로그램

Atlassian SourceTree

sourcetreeapp.com

Graphical client for Git version control

멀티미디어macOS

Steam

store.steampowered.com

Video game digital distribution service

멀티미디어macOS

OBS

obsproject.com

OBS Studio는 화면·웹캠·마이크 등 여러 입력을 장면으로 구성해 녹화하거나 실시간 방송으로 보내는 무료 오픈소스 프로그램입니다. 강의 제작, 소프트웨어 시연, 행사 중계처럼 화면 구성과 음량을 직접 관리해야 하는 작업에 적합합니다. macOS용 32.2.2는 macOS 13.0 이상을 지원하며 Intel과 Apple Silicon 설치 파일을 따로 제공합니다.

멀티미디어macOS

Zed

zed.dev

Zed는 실시간 공동 편집과 AI 개발 도구를 내장한 오픈소스 코드 편집기다. Rust로 구현되었으며 macOS·Windows·Linux를 지원한다. 프로젝트 검색, 언어 서버 기반 진단, Git 작업, 터미널과 디버깅을 한 환경에서 처리하려는 개발자에게 적합하다.

멀티미디어macOS

Etcher

balena.io

Etcher(balenaEtcher)는 운영체제 이미지를 SD 카드와 USB 드라이브에 기록하고 기록 결과를 검증하는 무료 오픈소스 도구입니다. macOS의 Intel·Apple Silicon용 배포 파일이 제공됩니다. 다만 입력된 2.1.7 버전은 공식 릴리스에 macOS 실행 불안정으로 무효화되었다는 경고가 있어, Mac용 설치 버전을 먼저 검토해야 합니다.

멀티미디어macOS

draw.io Desktop

diagrams.net

draw.io Desktop은 macOS·Windows·Linux에서 도형과 연결선으로 업무 흐름과 기술 구조를 작성하고 로컬 파일로 저장하는 무료 데스크톱 다이어그램 편집기입니다.

멀티미디어macOS