Who can do it: Wszyscy użytkownicy
Which plans: Wszystkie abonamenty
Which platforms: Przeglądarka, aplikacja desktopowa, urządzenia mobilne
Użyj Prototyping library do tworzenia układów prototypów bezpośrednio na planszy Miro. Biblioteka zawiera ekrany, komponenty UI i ikony, które pomagają wizualizować przepływy i uporządkować pomysły na wczesnym etapie.
Możesz użyć Prototyping library do tworzenia statycznych prototypów. Funkcje takie jak advanced components, connector lines i interactive preview wymagają abonamentu Business lub licencji Accelerate dla abonamentów Enterprise.
Biblioteka prototypów zawiera wszystko, czego potrzebujesz, aby ręcznie tworzyć jedno- i wieloekranowe przepływy w Miro
Otwórz bibliotekę prototypów
- Na planszy, z Paska tworzenia kliknij Narzędzia, multimedia i integracje (
).
- Wyszukaj i znajdź Prototyping, następnie kliknij Bibliotekę prototypów.
- Otworzy się panel Biblioteki prototypów.
Co znajduje się w bibliotece prototypów
Biblioteka prototypów jest podzielona na karty. Wszyscy użytkownicy mogą korzystać z biblioteki do tworzenia statycznych układów prototypów za pomocą ekranów, komponentów UI i ikon.
💡 Aby tworzyć prototypy generowane przez AI i interaktywne przepływy, użyj Biblioteki prototypów razem z Miro Prototypes.
Ekrany
Ekrany to gotowe ramki do prototypowania przepływów. Możesz dodać na planszę ekrany Mobile, Tablet lub Desktop i tworzyć układy, przeciągając na nie elementy interfejsu.
Praca z ekranami
- Pokaż lub ukryj obramowanie ekranu (dzięki czemu może wyglądać jak obudowa urządzenia lub prosta ramka)
- Obróć ekran
- Zmień rozmiar ekranu, przeciągając, aby zwiększyć jego wysokość (tylko w pionie)
Komponenty interfejsu
Komponenty interfejsu to typowe elementy interfejsu, które możesz przeciągnąć na ekrany, takie jak przyciski, pola wprowadzania, paski nawigacji i elementy formularzy.
Możesz:
- Przeciągać komponenty na ekran
- Zmieniać rozmiar i pozycję komponentów
- Edytować tekst i podstawowe style z menu kontekstowego
✏️ Opcje menu kontekstowego różnią się w zależności od wybranego elementu.
Dzięki Miro Prototypes niektóre komponenty UI stają się interaktywne w trybie podglądu. Na przykład przyciski, suwaki, pola wprowadzania i menu rozwijane reagują na działania użytkownika na podstawie zdefiniowanych linii łączących.
Niektóre zestawy komponentów, takie jak Advanced components, są dostępne tylko w Miro Prototypes. Jeśli nie masz dostępu, te komponenty mogą pojawiać się w bibliotece z odpowiednim wskaźnikiem.
Ikony
Na karcie Ikony znajduje się przeszukiwalna biblioteka ikon, której możesz użyć w prototypach.
Dodaj lub zamień ikonę
- Przeciągnij ikonę z biblioteki na planszę.
- Wybierz ikonę, aby zmienić jej kolor w menu kontekstowym.
- Wybierz Zastąp ikonę, aby zamienić ją na inną ikonę bez zmiany pozycji ani rozmiaru.
Wireframes (legacy)
Karta Wireframes zawiera przestarzałe elementy wireframe. Elementy te pozostają dostępne i edytowalne na istniejących tablicach, ale do tworzenia nowych prototypów należy używać ekranów i komponentów UI z Biblioteki prototypów.
Linie łączące i interaktywność (Miro Prototypes)
Linie łączące pozwalają zdefiniować nawigację między ekranami w prototypie. Dzięki Miro Prototypes możesz tworzyć linie łączące między elementami i ekranami, aby zbudować wieloetapowe przepływy.
Linie łączące umożliwiają także interaktywny podgląd. W trybie podglądu powiązane ekrany zachowują się jak klikalny przepływ, a ekrany przewijają się pionowo, jeśli wychodzą poza obszar widoku. Bez Miro Prototypes linie łączące i funkcje interaktywne nie są dostępne.
💡 Niektóre elementy interfejsu pokazują ikonę błyskawicy po dodaniu do ekranu. W przepływach z wieloma ekranami przeciągnij ikonę błyskawicy, aby utworzyć linię łączącą między ekranami.