Uruchomienie Flowstep zajmuje zaledwie kilka minut. Rejestrujesz się za darmo, opisujesz, co chcesz zbudować, a Flowstep natychmiast generuje Twój projekt. Następnie możesz go udoskonalić poprzez kolejne prompty, zaprosić swój zespół do współpracy i udostępnić wynik interesariuszom — nie potrzebujesz narzędzi do projektowania ani wcześniejszego doświadczenia.
1
Utwórz bezpłatne konto
Przejdź do flowstep.ai i zarejestruj się za pomocą Google lub swojego adresu e-mail i hasła. Aby zacząć, nie potrzebujesz karty kredytowej.Po zarejestrowaniu lądujemy na krótkim ekranie powitalnym: odpowiedz na trzy szybkie pytania, a następnie opisz swój pierwszy projekt bezpośrednio tam — cztery przykładowe prompty (Dashboard, Landing page, Mobile app, Checkout) są dostępne, jeśli chcesz punktu wyjścia.
Jeśli zarejestrujesz się za pomocą adresu e-mail i hasła, sprawdź swoją skrzynkę odbiorczą pod kątem wiadomości e-mail potwierdzającej („Confirm your Flowstep email”) i kliknij link, aby aktywować swoje konto — możesz ponownie wysłać go ze strony „Check your inbox”, jeśli nie dotrze. Adresy e-mail jednorazowe nie są akceptowane; użyj firmowego lub osobistego adresu e-mail.
2
Opisz ekran, który chcesz
Wpisz prompt w zwykłym angielskim, opisując interfejs, który masz na myśli. Bądź konkretny co do celu ekranu i wszelkich kluczowych elementów, które powinien zawierać.Prompt taki jak „Dashboard dla aplikacji do zarządzania projektami z listą zadań, paskami postępu i nawigacją na pasku bocznym” daje Flowstep wystarczającą ilość kontekstu, aby wytworzyć skoncentrowany, przydatny projekt.
3
Wygeneruj swoje ekrany
Prześlij swój prompt, a Flowstep generuje Twój projekt w kilka sekund. Możesz wygenerować wiele ekranów w jednej sesji, aby zbadać różne kierunki lub zbudować pełny przepływ.
4
Udoskonal poprzez rozmowę
Nie jest to idealne? Wpisz prompt uzupełniający, aby dostosować projekt — zmień schemat kolorów, zmień układ elementów, zamień zawartość lub poproś o całkowicie inny układ. Możesz również edytować elementy ręcznie lub używać akcji jednym klikiem w menu opcji.
5
Wyeksportuj lub udostępnij swoją pracę
Gdy jesteś zadowolony z rezultatu, wybierz sposób jego udostępnienia:
- Export kod lub za pomocą MCP
- Download ekran jako plik JPG lub PNG
- Copy to Figma korzystając ze skrótu klawiszowego, aby wkleić bezpośrednio do istniejącego pliku Figma
- Share a link z kolegami z zespołu lub interesariuszami — mogą przeglądać projekt bez tworzenia konta
Możesz zaprosić swój zespół do współpracy na pliku Flowstep. Mogą dołączyć i zacząć wnosić wkład w ciągu minut.