Poradnik wideo: zabezpieczanie hasłem osadzonych prototypów z Figmy

Ten film pokazuje, jak dodać zabezpieczenie hasłem do osadzonych prototypów z Figmy za pomocą wtyczki Crypto.

Funkcja „Live Embed” w Crypto umieszcza publiczny, osadzony prototyp z Figmy za bezpiecznym adresem URL i hasłem, które możesz udostępnić innym. Odbiorcy oglądają Twoje projekty w aplikacji webowej Crypto i nie potrzebują do tego konta w Figmie.

Bazowy URL w Figmie nadal jest publiczny. Ze względu na sposób działania linków udostępniania w Figmie Crypto może jedynie otoczyć publiczny, osadzony URL z Figmy adresem URL zabezpieczonym hasłem. Oznacza to, że każdy, kto ma bazowy URL z Figmy, nadal może go obejrzeć. W razie potrzeby możesz cofnąć dostęp, usuwając we wtyczce Crypto URL zabezpieczony hasłem lub zmieniając uprawnienia pliku Figmy na only people invited to this file (albo wykonując obie czynności).

Przełączanie na tryb prototypu

Aby zacząć korzystać z tej funkcji, upewnij się, że na pasku narzędzi wtyczki Crypto wybrano Figma Prototype (Live Embed).

Wymagane ramki nadrzędne w Figmie. Aby przesłać prototyp z Figmy, strona w Figmie musi zawierać co najmniej jedną „ramkę nadrzędną”, czyli ramkę umieszczoną bezpośrednio na stronie.

Kopiowanie adresu URL z Figmy

Ustawianie opcji prototypu

Tworząc linki do prototypów z Figmy zabezpieczone hasłem, możesz wybrać kilka opcji konfiguracji:

Opcje skalowania

Ta lista rozwijana pozwala wybrać, jak prototyp ma być skalowany w przeglądarce:

• 100% – wyświetlanie w pełnym rozmiarze
• Fit – pomniejszenie, aby zmieścić całość
• Fill – pomniejszenie lub powiększenie, aby wypełnić obszar
• Scale down to fit width – pomniejszenie do szerokości (domyślnie)

Hotspoty

Włączenie przełącznika Hotspots sprawia, że prototyp podświetla klikalne obszary (hotspoty) w projektach, gdy użytkownik klika w różnych miejscach ekranu. Gdy przełącznik jest wyłączony, podpowiedzi o klikalnych obszarach się nie pojawiają.

Pasek boczny

Włączenie przełącznika Sidebar sprawia, że w przeglądarce wyświetla się panel nawigacji bocznej prototypu z Figmy. Gdy przełącznik jest wyłączony, użytkownik go nie zobaczy.

Tworzenie adresu URL prototypu zabezpieczonego hasłem

Bazowy URL w Figmie nadal jest publiczny. Ze względu na sposób działania linków udostępniania w Figmie Crypto może jedynie otoczyć publiczny, osadzony URL z Figmy adresem URL zabezpieczonym hasłem. Oznacza to, że każdy, kto ma bazowy URL z Figmy, nadal może go obejrzeć. W razie potrzeby możesz cofnąć dostęp, usuwając we wtyczce Crypto URL zabezpieczony hasłem lub zmieniając uprawnienia pliku Figmy na only people invited to this file (albo wykonując obie czynności).

Aby utworzyć link do prototypu zabezpieczony hasłem, kliknij Share Prototype URL, a potem przycisk Create Prototype URL.

Po zakończeniu przesyłania możesz skopiować bezpieczny URL i hasło, aby obejrzeć osadzony prototyp z Figmy w przeglądarce, w aplikacji webowej Crypto.

Każde przesłanie należy do strony w Figmie, z której je rozpoczęto. Przełączenie strony wczytuje ustawienia i historię wersji tej strony; aby znaleźć przesłanie zakończone na innej stronie, wróć na nią. Zanim rozpoczniesz kolejne przesyłanie lub aktualizację ustawień na tej samej stronie, poczekaj, aż bieżące się zakończy.

Do adresu URL i hasła możesz później wrócić we wtyczce. Jeśli chcesz później ponownie skopiować URL i hasło, kliknij przycisk Share Prototype URL na pasku narzędzi wtyczki Crypto. URL i hasło do prototypu są widoczne w sekcji Secure URL Details, skąd możesz je skopiować.

Bazowy URL w Figmie nadal jest publiczny. Ze względu na sposób działania linków udostępniania w Figmie Crypto może jedynie otoczyć publiczny, osadzony URL z Figmy adresem URL zabezpieczonym hasłem. Oznacza to, że każdy, kto ma bazowy URL z Figmy, nadal może go obejrzeć. W razie potrzeby możesz cofnąć dostęp, usuwając we wtyczce Crypto URL zabezpieczony hasłem lub zmieniając uprawnienia pliku Figmy na only people invited to this file (albo wykonując obie czynności).

Aktualizowanie ustawień adresu URL prototypu

Czasem trzeba zaktualizować URL prototypu w Crypto, który już komuś wysłano. Możesz to zrobić we wtyczce Crypto: kliknij przycisk Share Prototype URL na pasku narzędzi wtyczki, w razie potrzeby zmień URL pliku Figmy lub opcje prototypu, a potem kliknij przycisk Update Existing Prototype URL.

Zmiana hasła do adresu URL Crypto

Domyślnie wtyczka Crypto generuje dla Ciebie bezpieczne, losowe hasło. Jeśli chcesz ustawić własne hasło, włącz przełącznik Change Password w sekcji Set Password for Crypto URLs on this page panelu ustawień przesyłania, wpisz nowe hasło w polu (wymagane jest co najmniej 6 znaków) i kliknij przycisk Set New Password. Hasło do adresu URL Crypto dla tej strony w Figmie zostanie zaktualizowane.

Statyczne projekty i adresy URL prototypów mają wspólne hasło dla danej strony w Figmie. Jeśli przesyłasz statyczne projekty i prototyp z tej samej strony w Figmie, pamiętaj, że każda strona ma jedno hasło dla obu adresów URL. Zmiana hasła do jednego z nich zmienia też hasło do drugiego.

Zmiana hasła zablokuje dostęp osobom, które znały poprzednie hasło. Po zmianie hasła nikt, kto znał poprzednie hasło, nie obejrzy Twojego adresu URL. Jeśli te osoby nadal mają mieć dostęp, udostępnij im nowe hasło.

Usuwanie adresu URL prototypu

W razie potrzeby możesz cofnąć dostęp, usuwając we wtyczce Crypto URL zabezpieczony hasłem lub zmieniając uprawnienia pliku Figmy na only people invited to this file (albo wykonując obie czynności).

Oglądanie prototypów z Figmy

Logowanie i korzystanie z prototypu z Figmy zabezpieczonego hasłem

Po otwarciu w przeglądarce adresu URL z wtyczki Crypto wklej wygenerowane hasło (również z wtyczki Crypto). Następnie kliknij przycisk Login, aby się uwierzytelnić i obejrzeć przesłane projekty.

Aplikacja webowa Crypto osadza natywny prototyp z Figmy, więc korzystanie z prototypu wygląda dokładnie tak samo jak podczas oglądania go w Figmie. Więcej szczegółów znajdziesz w oficjalnym artykule pomocy Figmy Preview designs and prototypes in Presentation View.

Skróty klawiszowe prototypów z Figmy

Aplikacja webowa Crypto osadza natywny prototyp z Figmy, więc skróty prototypu są dokładnie takie same jak podczas oglądania go w Figmie. Aby zobaczyć te skróty klawiszowe w aplikacji webowej Crypto, najedź kursorem na ikonę Keyboard na pasku narzędzi.

Skróty klawiszowe dostępne podczas oglądania prototypu

• Zmiana rozmiaru widoku (Z)
• Włączenie lub wyłączenie pełnego ekranu (F)
• Ponowne uruchomienie prototypu (R)
• Poprzedni ekran (←)
• Następny ekran (→)
• Przejście dalej w prototypie (Enter)

Pokazywanie i ukrywanie ikon paska narzędzi

Jeśli podczas oglądania prototypu nie chcesz widzieć paska narzędzi z ikonami aplikacji webowej Crypto, kliknij przycisk z ikoną Visibility na pasku narzędzi. Ten przycisk pokazuje lub ukrywa ikony. Aby ponownie wyświetlić pasek narzędzi, najedź kursorem na miejsce przycisku z ikoną Visibility, aby go odsłonić, i kliknij go jeszcze raz.

Ponownie aktywuj osadzony prototyp z Figmy. Po ukryciu lub pokazaniu ikon albo użyciu innego elementu paska narzędzi Crypto kliknij ponownie prototyp z Figmy, zanim użyjesz jego skrótów klawiszowych.