비밀번호로 보호된 Figma 프로토타입 업로드

Crypto로 비밀번호로 보호된 Figma 프로토타입 임베드를 만들고 설정을 관리하세요.

영상 튜토리얼: Figma 프로토타입 임베드에 비밀번호 걸기(영어)

이 영상에서는 Crypto 플러그인으로 Figma 프로토타입 임베드에 비밀번호 보호를 추가하는 방법을 보여 줘요.

Crypto의 “Live Embed” 기능을 사용하면 공개된 Figma 프로토타입 임베드를 보안 URL과 비밀번호로 보호해 다른 사람과 공유할 수 있어요. 링크를 받은 사람은 Figma 계정이 없어도 Crypto 웹 앱에서 디자인을 볼 수 있어요.

원래의 Figma URL은 여전히 공개 상태예요. Figma의 공유 링크 작동 방식 때문에 Crypto는 공개된 Figma URL 임베드를 비밀번호로 보호된 URL로 감싸는 것만 할 수 있어요. 따라서 원래의 Figma URL을 가진 사람은 누구나 계속 볼 수 있어요. 필요하면 Crypto 플러그인에서 비밀번호 보호 URL을 삭제하거나 Figma 파일 권한을 only people invited to this file로 바꿔 접근을 차단하세요.

프로토타입 모드로 전환 ​

이 기능을 사용하려면 먼저 Crypto 플러그인 툴바에서 Figma Prototype (Live Embed) 를 선택했는지 확인하세요.

최상위 Figma 프레임이 필요해요. Figma 프로토타입을 업로드하려면 Figma 페이지에 “부모 프레임”이 하나 이상 있어야 해요. 부모 프레임이란 페이지 바로 아래에 있는 “프레임”을 말해요.

사용할 Figma URL 복사 ​

프로토타입 옵션 설정 ​

Figma 프로토타입용 비밀번호 보호 링크를 만들 때 몇 가지 구성 옵션을 선택할 수 있어요.

배율 옵션 ​

이 드롭다운 선택기에서 브라우저에 프로토타입을 어떤 배율로 표시할지 다음 옵션 중에서 고를 수 있어요.

  • 100% - 원래 크기로 표시
  • Fit - 화면에 맞게 축소
  • Fill - 화면을 채우도록 축소 또는 확대
  • Scale down to fit width - 너비에 맞게 축소 (기본값)

핫스팟 ​

Hotspots 토글을 켜면 사용자가 화면 이곳저곳을 클릭할 때 디자인에서 클릭할 수 있는 핫스팟이 표시돼요. 토글을 끄면 클릭 가능한 핫스팟 힌트가 표시되지 않아요.

Sidebar 토글을 켜면 브라우저에 Figma 프로토타입의 사이드바 탐색 패널이 표시돼요. 토글을 끄면 사용자에게 사이드바가 표시되지 않아요.

비밀번호로 보호된 프로토타입 URL 만들기 ​

원래의 Figma URL은 여전히 공개 상태예요. Figma의 공유 링크 작동 방식 때문에 Crypto는 공개된 Figma URL 임베드를 비밀번호로 보호된 URL로 감싸는 것만 할 수 있어요. 따라서 원래의 Figma URL을 가진 사람은 누구나 계속 볼 수 있어요. 필요하면 Crypto 플러그인에서 비밀번호 보호 URL을 삭제하거나 Figma 파일 권한을 only people invited to this file로 바꿔 접근을 차단하세요.

비밀번호로 보호된 프로토타입 링크를 만들려면 Share Prototype URL을 클릭한 다음 Create Prototype URL 버튼을 클릭하세요.

업로드가 끝나면 보안 URL과 비밀번호를 복사해 브라우저의 Crypto 웹 앱에서 Figma 프로토타입 임베드를 볼 수 있어요.

각 업로드는 업로드를 시작한 Figma 페이지에 속해요. 페이지를 바꾸면 해당 페이지의 설정과 버전 기록이 불러와져요. 어떤 페이지에서 완료한 업로드를 찾으려면 원래 페이지로 돌아가세요. 같은 페이지에서 다른 업로드를 시작하기 전에 진행 중인 업로드나 설정 업데이트가 끝날 때까지 기다리세요.

URL과 비밀번호 정보는 나중에 플러그인에서 다시 확인할 수 있어요. 나중에 URL과 비밀번호를 다시 복사해야 한다면 Crypto 플러그인 툴바에서 Share Prototype URL 버튼을 클릭하세요. Secure URL Details 섹션에 프로토타입의 URL과 비밀번호 정보가 표시되어 복사할 수 있어요.

원래의 Figma URL은 여전히 공개 상태예요. Figma의 공유 링크 작동 방식 때문에 Crypto는 공개된 Figma URL 임베드를 비밀번호로 보호된 URL로 감싸는 것만 할 수 있어요. 따라서 원래의 Figma URL을 가진 사람은 누구나 계속 볼 수 있어요. 필요하면 Crypto 플러그인에서 비밀번호 보호 URL을 삭제하거나 Figma 파일 권한을 only people invited to this file로 바꿔 접근을 차단하세요.

프로토타입 URL 설정 업데이트 ​

이미 만들어서 누군가에게 보낸 프로토타입 Crypto URL을 업데이트하고 싶을 때가 있어요. Crypto 플러그인 툴바에서 Share Prototype URL 버튼을 클릭하고 필요한 대로 Figma 파일 URL이나 프로토타입 옵션을 바꾼 다음 Update Existing Prototype URL 버튼을 클릭하면 업데이트할 수 있어요.

Crypto URL 비밀번호 변경 ​

Crypto 플러그인은 기본적으로 안전한 무작위 비밀번호를 생성해요. 직접 정한 비밀번호로 바꾸려면 업로드 설정 패널의 Set Password for Crypto URLs on this page 섹션에서 Change Password 토글을 켜고, 입력란에 새 비밀번호(최소 6자)를 입력한 다음 Set New Password 버튼을 클릭하세요. 이 Figma 페이지의 Crypto URL 비밀번호가 업데이트돼요.

정적 디자인 URL과 프로토타입 URL은 Figma 페이지마다 같은 비밀번호를 사용해요. 같은 Figma 페이지에서 정적 디자인과 프로토타입을 모두 업로드한다면, 각 Figma 페이지에는 두 URL에 공통으로 쓰이는 비밀번호가 하나뿐이라는 점에 유의하세요. 한쪽의 비밀번호를 바꾸면 다른 쪽도 함께 바뀌어요.

비밀번호를 업데이트하면 이전 비밀번호를 가진 사람은 접근할 수 없어요. 비밀번호를 업데이트하면 이전 비밀번호를 가진 사람은 URL을 볼 수 없어요. 계속 접근할 수 있어야 한다면 새 비밀번호를 다시 공유해 주세요.

프로토타입 URL 삭제 ​

필요하면 Crypto 플러그인에서 비밀번호 보호 URL을 삭제하거나 Figma 파일 권한을 only people invited to this file로 바꿔 접근을 차단할 수 있어요.

Figma 프로토타입 보기 ​

비밀번호로 보호된 Figma 프로토타입에 로그인하고 사용하기 ​

Crypto Figma 플러그인에서 받은 URL을 웹 브라우저에서 열고, Crypto Figma 플러그인에서 생성된 비밀번호를 붙여 넣으세요. 비밀번호를 붙여 넣은 다음 Login 버튼을 클릭하면 인증되어 업로드된 디자인을 볼 수 있어요.

Crypto 웹 앱은 Figma의 기본 프로토타입 임베드를 그대로 넣기 때문에, 프로토타입은 Figma에서 볼 때와 똑같이 작동해요. 자세한 내용은 Figma 공식 도움말 문서 Preview designs and prototypes in Presentation View(영어)를 참고하세요.

Figma 프로토타입 단축키 사용 ​

Crypto 웹 앱은 Figma의 기본 프로토타입 임베드를 그대로 넣기 때문에, Figma 프로토타입 단축키도 Figma에서 프로토타입을 볼 때와 똑같아요. Crypto 웹 앱에서 단축키를 확인하려면 툴바의 Keyboard 아이콘에 마우스를 올리세요.

프로토타입을 보는 동안 사용할 수 있는 단축키 ​

  • 보기 크기 변경(Z)
  • 전체 화면 전환(F)
  • 프로토타입 다시 시작(R)
  • 이전 화면(←)
  • 다음 화면(→)
  • 프로토타입 진행(Enter)

툴바 아이콘 표시 전환 ​

프로토타입을 보는 동안 Crypto 웹 앱의 아이콘 툴바를 숨기고 싶다면 Crypto 웹 앱 툴바의 Visibility 아이콘 버튼을 클릭하세요. 이 아이콘 버튼을 클릭하면 아이콘의 표시 여부가 전환돼요. 다시 표시하려면 Visibility 아이콘 버튼 위에 마우스를 올려 버튼이 나타나면 한 번 더 클릭하세요.

Figma 임베드에 다시 포커스를 맞추세요. 아이콘 표시를 전환하거나 다른 Crypto 툴바 컨트롤을 사용한 다음에는 Figma 프로토타입을 한 번 더 클릭한 뒤 단축키를 사용하세요.