figma – prototypy

Użycie sekcji do powracania na przerwany krok

kiedy tworzysz flow kroków, jak np w procesie zakupowym, gdzie:

  1. wybranie ilość produktów w koszyku
  2. wprowadzenie danych
  3. wprowadzenie metody płatności

i chcesz zbudować prototyp, który pozwoli by jeśli w dowolnym kroku cofniesz się do głównej strony, po powrocie w koszyk będziesz na tym kroku z jakiego wyszedłeś, musisz wszystkie kroki zamknąć w sekcji i podłączyć akcję koszyka nie do 1 kroku ale do sekcji. Wtedy kiedy user na 2 kroku wróci do strony głównej i następnie będzie chciał z powrotem wejść do koszyka, zostanie przeniesiony na krok 2.

Tworzenie akcji prototypu jako komponent

Idealne do stworzenia buttonu back. Tworzymy button i zapisujemy go jako komponent, następnie w zakładce Prototype dodajemy mu akcję, z podlinkowaniem na Back. Wtedy każda jego instancja umieszczona w projekcie pozwala na powrót do poprzedniej strony z flow.

Figma

Hope this helps and happy coding :)

Zobacz jeszcze

dodanie google reCaptcha do formularza WP Contact Form 7

Połączenie google reCaptcha z formularzem WP Contact Form 7 pozwala na uniknięcie zalania naszej skrzynki pocztowej przez niechciany span i wiadomości od botów. Co będziesz potrzebować?...

figma - skróty klawiaturowe

Aby zobaczyć wszystkie skróty klawiaturowe użyj skrótu ctrl + shift + ? przejdź do quick actions menu (cmd + /) i wpisz shortcuts. cmd + P lub cmd + / - wyszukiwarka podpowiedzi, quick...