Poradnik wideo: zabezpieczanie hasłem statycznych projektów z Figmy
Ten film pokazuje, jak dodać zabezpieczenie hasłem do projektów z Figmy za pomocą wtyczki Crypto.
Funkcja „Static Frames” w Crypto przesyła przez wtyczkę Crypto obrazy ramek nadrzędnych najwyższego poziomu z bieżącej strony w Figmie i generuje bezpieczny URL oraz hasło, które możesz udostępnić innym. Odbiorcy oglądają Twoje projekty w aplikacji webowej Crypto i nie potrzebują do tego konta w Figmie.
Aby zacząć korzystać z tej funkcji, upewnij się, że na pasku narzędzi wtyczki Crypto wybrano Figma Designs (Static Frames).
Zaznaczanie i odznaczanie ramek do przesłania
Na początek upewnij się, że na pasku narzędzi wtyczki Crypto wybrano Figma Designs (Static Frames).
Teraz możesz zaznaczyć ramki z bieżącej strony w Figmie, które chcesz udostępnić jako projekty pod linkiem zabezpieczonym hasłem.
Crypto wczyta do wtyczki wszystkie „ramki nadrzędne” z bieżącej strony w Figmie jako listę, z której wybierzesz projekty do udostępnienia. Kliknij pole wyboru lub miniaturę dowolnej ramki, aby ją zaznaczyć (ponowne kliknięcie ją odznaczy).
Wymagane ramki nadrzędne w Figmie. Aby przesłać statyczne projekty, strona w Figmie musi zawierać co najmniej jedną „ramkę nadrzędną”, czyli ramkę umieszczoną bezpośrednio na stronie.
Zaznaczanie ramek nadrzędnych przez wybranie ich w Figmie
Aby łatwiej wybrać ramki nadrzędne, których potrzebujesz, kliknij lub zaznacz dowolne ramki na stronie w Figmie. Lista dostępnych ramek we wtyczce Crypto zostanie automatycznie zawężona do nich.
Odświeżanie ramek nadrzędnych z Figmy
Jeśli wtyczka Crypto jest już uruchomiona, a chcesz dodać lub usunąć ramki nadrzędne na bieżącej stronie w Figmie, wprowadź potrzebne zmiany, a potem kliknij przycisk z ikoną Refresh frames obok liczby ramek na pasku narzędzi wtyczki Crypto.
Szybkie sortowanie ramek
Kolejność ramek w przesyłanych projektach możesz ustalić na kilka sposobów:
Sortowanie ramek według kolejności warstw w Figmie
Opcja Sort frames by Layer Order ↓ (lub ↑ dla odwrotnej kolejności) automatycznie ustawia ramki w tej samej kolejności co warstwy w Figmie.
Sortowanie ramek wizualnie według kolumn
Opcja Sort frames Left to Right lub Sort frames Right to Left automatycznie ustawia ramki w kolejności ich położenia w kolumnach w projekcie w Figmie.
Sortowanie ramek wizualnie według wierszy
Opcja Sort frames Top to Bottom lub Sort frames Bottom to Top automatycznie ustawia ramki w kolejności ich położenia w wierszach w projekcie w Figmie.
Sortowanie wizualne toleruje drobne różnice w wyrównaniu i korzysta z bezwzględnej pozycji każdej ramki na płótnie, także w przypadku ramek zagnieżdżonych w różnych sekcjach (Sections) w Figmie.
Sortowanie ramek według nazw warstw w Figmie
Opcja Sort by Figma Layer Name ↓ (lub ↑ dla odwrotnej kolejności) automatycznie sortuje ramki naturalnie według nazw ich warstw w Figmie, więc na przykład Frame 2 pojawi się przed Frame 10.
Ręczne ustawianie kolejności ramek metodą „przeciągnij i upuść”
Kolejność ramek możesz ustawić ręcznie metodą „przeciągnij i upuść”: kliknij i przytrzymaj uchwyt na końcu wiersza ramki, przeciągnij go w górę lub w dół, aby przesunąć ramkę na liście przesyłanych ramek, a potem upuść ją, aby zatwierdzić kolejność. Ta własna kolejność zostaje zapisana, gdy przełączasz się między opcjami sortowania, więc możesz do niej wrócić, wybierając w polu sortowania opcję Sort frames by Custom Order.
Przesyłanie projektów
Gdy wybór ramek i ich kolejność Ci odpowiadają, kliknij przycisk Share Design URL na pasku narzędzi wtyczki Crypto. Otworzy się nakładka udostępniania, w której klikniesz przycisk Securely Upload Designs, aby rozpocząć przesyłanie obrazów.
Po zakończeniu przesyłania zobaczysz potwierdzenie z bezpiecznym adresem URL i wygenerowanym hasłem.
Duplikowanie pliku Figmy kopiuje też jego URL i hasło. Aby wygenerować inne dane dla duplikatu, przy otwartej wtyczce wpisz kod Konami (Up, Up, Down, Down, Left, Right, Left, Right, B, A). Crypto utworzy nowy URL i hasło, nie usuwając poprzedniego adresu URL.
Otwieranie wygenerowanego adresu URL
Po zakończeniu przesyłania możesz skopiować bezpieczny URL i hasło, aby obejrzeć wybrane ramki 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 Design URL na pasku narzędzi wtyczki Crypto, a potem wybierz wcześniej przesłaną wersję w polu Select Previous Version. W sekcji Secure URL Details pojawią się URL i hasło, które możesz skopiować.
Przesyłanie nowej wersji adresu URL
Po pierwszym przesłaniu projektów możesz przesyłać kolejne adresy URL, które tworzą wersje Twoich projektów. To dobry sposób na śledzenie kolejnych etapów pracy nad projektem albo na tworzenie różnych adresów URL z różnymi zestawami ramek.
Aby utworzyć nową wersję adresu URL, kliknij przycisk Share Design URL na pasku narzędzi wtyczki Crypto, a potem przycisk Upload New Version URL.
Po zakończeniu przesyłania zobaczysz potwierdzenie z nową wersją bezpiecznego adresu URL i hasłem.
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 Design URL na pasku narzędzi wtyczki Crypto, a potem wybierz wcześniej przesłaną wersję w polu Select Previous Version. W sekcji Secure URL Details pojawią się URL i hasło, które możesz skopiować.
Aktualizowanie wcześniej przesłanej wersji adresu URL Crypto
Czasem trzeba zaktualizować wcześniejszą wersję adresu URL Crypto, którą już komuś wysłano. Każdy wcześniej przesłany URL możesz zaktualizować we wtyczce Crypto: kliknij przycisk Share Design URL na pasku narzędzi wtyczki, wybierz wcześniej przesłaną wersję w polu Select Previous Version i kliknij przycisk Update Version xxxxxxxx URL.
Projekty pod tym adresem URL zostaną zastąpione nowymi ramkami zaznaczonymi we wtyczce Crypto. URL i hasło się nie zmienią, więc każdy, kto je wcześniej otrzymał, nadal będzie mógł z nich korzystać.
Po zakończeniu przesyłania zobaczysz potwierdzenie z nową wersją bezpiecznego adresu URL i hasłem.
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 Design URL na pasku narzędzi wtyczki Crypto, a potem wybierz wcześniej przesłaną wersję w polu Select Previous Version. W sekcji Secure URL Details pojawią się URL i hasło, które możesz skopiować.
Aktualizacja adresu URL zastępuje wcześniej przesłane projekty. Kliknięcie przycisku Update Version xxxxxxxx URL zastępuje wszystkie przesłane projekty w wybranej wersji. Każdy, kto ma poprzedni URL i hasło, po ponownym otwarciu wysłanego mu adresu zobaczy zaktualizowane projekty.
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 wersji adresu URL Crypto
Każdą wygenerowaną wersję bezpiecznego adresu URL możesz usunąć we wtyczce Crypto: kliknij przycisk Share Design URL na pasku narzędzi wtyczki, wybierz wcześniej przesłaną wersję w polu Select Previous Version i włącz przełącznik I would like to delete the xxxxxxxx version URL. Po jego włączeniu możesz kliknąć przycisk Delete Version xxxxxxxx URL.
Zobaczysz komunikat z potwierdzeniem, że wybrana wersja została usunięta.
Usunięcia wersji adresu URL nie można cofnąć Kliknięcie przycisku Delete Version xxxxxxxx URL usuwa wszystkie przesłane projekty w wybranej wersji. Nikt, kto ma ten URL, nie zobaczy już tych projektów. Po usunięciu poprzedniego adresu zawsze możesz jednak przesłać nową wersję i udostępnić odbiorcom nowy URL.
Oglądanie statycznych projektów z Figmy
Logowanie do projektów
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.
Przechodzenie między ramkami projektu
Między ramkami w aplikacji webowej Crypto przechodzisz, klikając przyciski ze strzałkami, klikając i przeciągając ramki w lewo lub w prawo albo naciskając na klawiaturze strzałkę w lewo lub strzałkę w prawo. Naciśnięcie spacji również przenosi do następnej ramki.
Przeskakiwanie do wybranej ramki projektu
Aby od razu przejść do konkretnej ramki w przesłanych projektach, użyj paska nawigacji u dołu strony w aplikacji webowej Crypto. Po najechaniu na pasek nawigacji pojawią się miniatury wszystkich ramek, a kliknięcie dowolnej z nich natychmiast przeniesie Cię do tej ramki.
Przełączanie między przesłanymi wersjami projektu
Jeśli we wtyczce Crypto przesłano kilka wersji projektów, możesz natychmiast przełączać się między nimi w aplikacji webowej Crypto, klikając nagłówek z listą wyboru w lewym górnym rogu strony. Wybranie innej wersji wczyta projekty z tej wersji. Pod listą wyboru widać też etykietę z datą ostatniej aktualizacji każdej wersji.
Włączanie i wyłączanie trybu ciemnego
Jeśli Twoje projekty lepiej wyglądają na ciemnym tle, włącz tryb ciemny, klikając ikonę słońca lub księżyca na pasku narzędzi aplikacji webowej Crypto. Kliknięcie ikony przełącza między trybem ciemnym a domyślnym (jaśniejszym).
Pokazywanie i ukrywanie elementów wokół projektu
Jeśli podczas oglądania projektów nie chcesz widzieć nagłówka, strzałek, paska nawigacji ani paska narzędzi z ikonami, kliknij przycisk z ikoną widoczności na pasku narzędzi aplikacji webowej Crypto. Ten przycisk pokazuje lub ukrywa wszystko poza samymi projektami.