Kto może: Wszyscy użytkownicy
Które plany: Wszystkie plany
Na których platformach: Przeglądarka, Desktop, Mobile
Użyj Biblioteki prototypów, aby tworzyć układy prototypów bezpośrednio na planszy Miro. Biblioteka zawiera ekrany, komponenty interfejsu i ikony, które pomagają wizualizować przepływy i ułatwiają wczesne uporządkowanie pomysłów.
Możesz użyć Biblioteki prototypów do tworzenia statycznych prototypów. Funkcje takie jak zaawansowane komponenty, linie łączące i podgląd interaktywny wymagają abonamentu Business lub dodatku Miro Prototypes dla planów Enterprise.
Biblioteka prototypów zawiera wszystko, czego potrzebujesz, by 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, a następnie kliknij Bibliotekę prototypów.
- Panel Biblioteki prototypów otworzy się.
Co znajduje się w bibliotece prototypów
Biblioteka prototypów jest podzielona na karty. Wszyscy użytkownicy mogą korzystać z biblioteki, aby tworzyć statyczne układy prototypów przy użyciu ekranów, komponentów interfejsu i ikon.
💡 W przypadku prototypów generowanych przez AI oraz interaktywnych przepływów 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.
Pracuj z ekranami
- Pokaż lub ukryj obramowanie ekranu (dzięki czemu może wyglądać jak ramka urządzenia lub zwykła ramka)
- Obróć ekran
- Zmień rozmiar ekranu, przeciągając, aby wydłużyć jego wysokość (tylko w pionie)
Komponenty interfejsu
Komponenty interfejsu to typowe elementy interfejsu, które możesz przeciągnąć na ekrany, np. przyciski, pola wprowadzania, paski nawigacji i elementy formularzy.
Możesz:
- Przeciągnij komponenty na ekran
- Zmieniaj rozmiar i pozycję komponentów
- Edytuj tekst i podstawowe formatowanie z menu kontekstowego
✏️ Opcje menu kontekstowego zależą od wybranego elementu.
Dzięki Miro Prototypes niektóre komponenty interfejsu stają się interaktywne w trybie podglądu. Na przykład przyciski, suwaki, pola wprowadzania i menu rozwijane reagują na działania użytkownika zgodnie z zdefiniowanymi liniami łączącymi.
Niektóre zestawy komponentów, takie jak Zaawansowane komponenty, są dostępne tylko w Miro Prototypes. Jeśli nie masz dostępu, elementy te mogą pojawiać się w bibliotece z odpowiednim wskaźnikiem.
Ikony
Karta Ikony zawiera przeszukiwalną bibliotekę ikon, której możesz używać w prototypach.
Dodaj lub zamień ikonę
- Przeciągnij ikonę z biblioteki na planszę.
- Wybierz ikonę i z menu kontekstowego zmień jej kolor.
- Wybierz Zastąp ikonę, aby podmienić ją na inną bez zmiany położenia ani rozmiaru.
Wireframes (legacy)
Karta Wireframes zawiera elementy wireframe z poprzednich wersji. Elementy te pozostają dostępne i edytowalne na istniejących tablicach, ale nowsze prototypy powinny korzystać z 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. Z 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 połączone ekrany zachowują się jak klikalny przepływ, a ekrany przewijają się pionowo, jeśli wykraczają poza obszar widoku. Bez Miro Prototypes linie łączące i interaktywne funkcje nie są dostępne.
💡 Niektóre elementy interfejsu pokazują ikonę pioruna po dodaniu do ekranu. W wieloekranowych przepływach przeciągnij ikonę pioruna, aby utworzyć linię łączącą między ekranami.