메인 콘텐츠로 건너뛰기

와이어프레임 제작을 위한 Figma

원하는 피델리티로 손쉽게 와이어프레임 제작

아이디어를 와이어프레임으로 시각화하고 다른 사람들과 공유하세요. 공동으로 작업하면서 플로우와 레이아웃을 함께 조정할 수 있습니다.

커다란 녹색 도형과 그 주위에 와이어프레임 컴포넌트가 떠 있는 그래픽.커다란 녹색 도형과 그 주위에 와이어프레임 컴포넌트가 떠 있는 그래픽.

Figma를 신뢰하는 주요 고객

Puma 로고Spotify 로고patagonia 로고Stripe 로고The New York Times 로고Netflix 로고

페이지에 아이디어를 담아보세요

Figma를 사용하면 피델리티와 상관없이 아이디어를 빠르고 명확하게 와이어프레임으로 간편 제작할 수 있습니다.

계정 생성 및 로그인 플로우를 나타내는 FigJam의 순서도.계정 생성 및 로그인 플로우를 나타내는 FigJam의 순서도.

생각의 속도로 아이디어를 와이어프레임으로 전환

데스크톱이나 iPad 버전의 FigJam에서 콘셉트과 플로우를 스케치하여 초기 아이디어의 윤곽을 잡으세요.

흑백 모바일 와이어프레임에서 협업하는 두 팀원의 커서.흑백 모바일 와이어프레임에서 협업하는 두 팀원의 커서.

기존 컴포넌트를 사용한 와이어프레임

Figma 라이브러리에서 기존 컴포넌트를 끌어다 놓는 간단한 방법으로 와이어프레임을 손쉽게 만들 수 있습니다.

녹색 배경의 검은색 별 그림 위로 커서를 가져간 5명의 팀원이 노란색 커서로 “멋지네요!!”라는 메시지를 채팅으로 전달하고 있음.녹색 배경의 검은색 별 그림 위로 커서를 가져간 5명의 팀원이 노란색 커서로 “멋지네요!!”라는 메시지를 채팅으로 전달하고 있음.

공동 작업자에게 적절한 피드백 제공

Figma의 멀티플레이어 플랫폼으로 실시간 협업 과정에서 더욱 빠르게 피드백을 공유하고 수정 작업을 진행할 수 있습니다.

와이어프레이밍을 위한 기능 살펴보기

와이어프레임을 만들어 더 많은 아이디어와 가능성을 더 빠르게 탐색하세요.

Figma 커뮤니티에서 “wireframe”을 검색한 결과.Figma 커뮤니티에서 “wireframe”을 검색한 결과.

빈 페이지에서 벗어나기

Figma 커뮤니티에서 사전 제작한 와이어프레임 제작 템플릿과 키트를 사용하세요.

템플릿 살펴보기

대화형으로 제작

Figma의 강력한 프로토타입 제작 기능을 활용하여 코딩할 필요 없이 와이어프레임을 작성하세요.

프로토타입 제작 자세히 알아보기

iPad와 Apple Pencil. iPad 화면에는 음악 앱 로그인 플로우를 나타내는 손으로 그린 스케치와 이미지가 있는 FigJam이 있음.iPad와 Apple Pencil. iPad 화면에는 음악 앱 로그인 플로우를 나타내는 손으로 그린 스케치와 이미지가 있는 FigJam이 있음.

iPad용 FigJam으로 스케치하기

방해받지 않고 iPad에서 FigJam으로 아이디어를 스케치하여 생각을 정리한 후 다른 팀원과 공유하세요.

앱 다운로드

Figma 파일의 모바일 디자인에서 커서가 상호 작용하고, 선택된 댓글을 통해 의견 일치를 확인함Figma 파일의 모바일 디자인에서 커서가 상호 작용하고, 선택된 댓글을 통해 의견 일치를 확인함

공동 편집자 초대

여러 부서의 파트너와 이해관계자를 초대하여 와이어프레임과 플로우 작업을 함께 진행하세요.

협업 시작

Figma 덕분에 모든 팀이 디자인, 스크린, 플로우에 액세스 할 수 있게 됐어요.

토마스 비마레, Free 디자인 책임자

free 로고
스토리 보기
비디오의 그래픽 표현. 배경에는 FigJam에서 영감을 받은 스티커 모양과 몇 가지 그림이 있음.비디오의 그래픽 표현. 배경에는 FigJam에서 영감을 받은 스티커 모양과 몇 가지 그림이 있음.

FigJam에서 와이어프레임 작성하는 방법

와이어프레임 제작 컴포넌트 라이브러리를 설정하고 이를 사용하여 FigJam에서 아이디어 스케치하는 방법을 알아보세요.

비디오 보기

숫자 1, 2, 3을 그래픽으로 표현함.숫자 1, 2, 3을 그래픽으로 표현함.

와이어프레임 제작 기초

Figma에서 와이어프레임을 언제 만들어야 하는지, 와이어프레임의 컴포넌트에는 어떤 것이 있는지 그리고 아이디어 전달에 와이어프레임이 어떻게 도움이 되는지 알아보세요.

더 알아보기

파란색을 배경으로 여러 개의 와이어프레임과 커서를 그래픽으로 표현함.파란색을 배경으로 여러 개의 와이어프레임과 커서를 그래픽으로 표현함.

와이어프레임 키트 받기

컴포넌트 기반의 와이어프레임 키트로 아이디어를 검증하고 웹사이트 디자인 워크플로우 속도를 높이세요.

키트 살펴보기