Jedną z najbardziej przydatnych funkcji narzędzia do wspólnego projektowania Figma jest możliwość dodawania hiperłączy. Dzięki tej funkcji łączenie stron internetowych staje się łatwe. Hiperłącza ułatwiają nawigację po witrynie. Linki zapewniają odwiedzającym witrynę bezpośredni dostęp między innymi do niezbędnych zasobów i stron docelowych.
Niezależnie od tego, czy próbujesz dowiedzieć się, jak dodawać linki do ikon i tekstu, czy ogólnie wstawiać hiperłącza, ten artykuł Cię poprowadzi. Czytaj dalej, aby zapoznać się z różnymi metodami, których możesz użyć, aby to osiągnąć.
Tworzenie hiperłącza za pomocą ikony
Jest to jeden z najpopularniejszych typów linków, których można używać na Figmie. W tym przypadku ikona Link służy do dodawania łącza tekstowego. Te kroki nie będą działać w przypadku obrazów.
- Wykorzystując tekst na stronie, zaznacz tekst, który chcesz połączyć z inną stroną, klikając początek sekcji i przeciągając nad nim.
- Po zaznaczeniu tekstu kliknij ikonę „Link” na pasku narzędzi u góry obszaru roboczego. Spowoduje to utworzenie ramki nad podświetlonym słowem lub słowami.
- Na innej karcie otwórz stronę internetową, do której chcesz utworzyć łącze, i skopiuj jej adres URL, zaznaczając ją i naciskając „Command” + „C” na komputerze Mac lub „Control” + „C” w systemie Windows.
- Przejdź do pola adresu URL nad podświetlonym polem i kliknij w nim.
- Naciśnij „Command” + „V” na komputerze Mac lub „Control” + „V” w systemie Windows. Dzięki temu możesz wkleić swój adres URL w polu.
- Kliknij puste miejsce na stronie lub naciśnij „Enter”, aby dodać link do tekstu. Pod słowem pojawi się linia. Gdy użytkownicy klikną to słowo, zostaną przekierowani na adres linku.
Użyj skrótu klawiaturowego, aby utworzyć łącza
Jest to druga metoda, której możesz użyć do utworzenia łącza Figma. Możesz użyć metody skrótu klawiaturowego, aby dodać łącza do tekstu, ale nie do obrazów.
- Wybierz tekst lub słowo, które ma służyć jako łącze.
- Użyj tych skrótów, aby utworzyć ramkę nad podświetlonym słowem lub tekstem.
- Naciśnij „Control” + „K” na urządzeniach z systemem Windows.
- Naciśnij „Command” + „K” na urządzeniach Mac.
- Wklej żądany adres URL w polu.
- Naciśnij przycisk „Enter”, aby utworzyć hiperłącze.
Skorzystaj z panelu prototypowego, aby utworzyć hiperłącze
Metodę tę można stosować zarówno w przypadku obrazów, jak i tekstu. To idealna opcja, aby połączyć obraz jak na ikonach mediów społecznościowych.
- Wybierz tekst lub obraz, klikając go.
- Przejdź do panelu „Właściwości” i otwórz „Prototyp”.
- W menu Prototyp w sekcji „Interakcje” wybierz bieżącą interakcję, jeśli jest dostępna. Jeśli takiego nie ma, kliknij ikonę „+”, aby go dodać.
- Dostosuj ustawienia interakcji, aby pomyślnie dodać link:
- Ustaw interakcję na „Po kliknięciu”.
- Następnie akcję należy ustawić na „Otwórz łącze”.
- Wklej link do pola adresu URL.
- Zaznacz opcję „Otwórz w nowej karcie”, aby otworzyć nową kartę, gdy użytkownik kliknie link.
- Wyjdź z panelu prototypowego, aby dodać obraz lub link tekstowy. Nie zmienia to obrazu. Jednakże, gdy projekt jest przeglądany na karcie „Prezent”, kursor zmienia się po najechaniu kursorem na obraz. Po kliknięciu obrazu otworzy się dodany link.
Edytuj lub usuń hiperłącza Figma
Jeśli uważasz, że łącze nie działa lub chcesz je usunąć, możesz je edytować lub usunąć. Aby edytować link:
- Najedź myszką na linkowany tekst, aby otworzyć łącze modalne.
- Aby edytować adres, wybierz opcję „Edytuj” obok modalu.
- Wprowadź niezbędne zmiany i wyjdź.
- Aby usunąć, wyczyść pole łącza. Spowoduje to całkowite usunięcie adresu URL, a tekst nie będzie już połączony.
Zwiększ dostępność, dodając hiperłącza na Figmie
Hiperłącza w Figmie ułatwiają użytkownikom poruszanie się po treści. Twoje linki mogą odsyłać użytkowników do innych plików, stron, ramek lub prototypów Figmy. Linki mogą także prowadzić do zewnętrznych stron internetowych i odsyłać do nowych kart przeglądarki. Istnieją różne sposoby dodawania hiperłączy, a kroki opisane powyżej powinny być proste.