Figma

Figma 프로토타입으로 클릭 가능한 목업 만들기

Basic12기본 사용법

Figma 프로토타입 기능으로 실제로 클릭하고 화면이 전환되는 인터랙티브 목업을 만들 수 있습니다. 개발 전 아이디어 검증이나 클라이언트 프레젠테이션에 완벽해요.

Figma 열기

figma.com

STEP 1 / 4
1

STEP 1. 여러 Frame(화면) 만들기

figma.com
Figma
최근 항목
즐겨찾기
내 초안
공유된 항목
+ 새 디자인 파일
최근 항목
UI 디자인 시스템
수정됨 1일 전
랜딩페이지 v2
수정됨 1일 전
모바일 앱 프로토타입
수정됨 1일 전

F키 → 오른쪽 패널 기기 타입 선택 → 화면 디자인 → Ctrl+D로 복사 → 각 화면 내용 수정

상단 툴바에서 'F' 또는 'A'(Frame)를 선택합니다. 오른쪽 패널 'Design' 탭에서 Phone, Tablet, Desktop 등 기기 타입을 선택합니다(또는 직접 크기를 입력). 첫 번째 화면(예: 홈 화면)을 디자인합니다. Ctrl+D 또는 Alt+드래그로 Frame을 복사해 두 번째 화면을 만들고 다른 내용으로 수정합니다. 최소 2개 이상의 Frame이 있어야 화면 전환 프로토타입을 만들 수 있습니다.

Frame 이름을 '1_홈', '2_로그인', '3_대시보드'처럼 번호와 함께 지정하면 순서와 구조를 파악하기 쉬워요.

이 단계를 완료했나요?