Editor plátna
Editor wireframu je místo, kde navrhujete a vylepšujete své obrazovky. V levém postranním panelu jsou všechny nástroje pro kreslení a výběr, ve středu je plátno, kam umisťujete a uspořádáváte prvky, a v pravém postranním panelu se zobrazují vlastnosti vybraného prvku.
Nástroje
Vybrat
Kliknutím vyberte a přesuňte prvky na plátno. Vybrané prvky zobrazují své vlastnosti v pravém postranním panelu.
Čtverec
Nakreslete obdélníkové prvky kontejneru na plátno.
Kruh
Nakreslete kruhové prvky na plátno.
TEXT: Text
Přidejte textové popisky a bloky obsahu.
LLM
Umístěte prvky zástupných obrázků.
Tlačítko
Přidejte interaktivní prvky tlačítka.
Vstup
Přidejte vstupní pole formuláře.
+ (Přidat obrazovku)
Přidejte novou obrazovku do projektu wireframu.
Uzamčené prvky
HTML
Režim storyboardu
Režim storyboardu vám umožní zobrazit všechny vaše snímky a jejich spojovací body v přehledném zobrazení. Přepínejte mezi zobrazením jedné obrazovky a režimem storyboardu pomocí stejného tlačítka v levém postranním panelu. V režimu storyboardu se každá obrazovka zobrazuje jako karta s náhledem rozvržení.
Funkce storyboardu
Přehled snímků
Zobrazte všechny obrazovky najednou s počtem prvků a vizuálními náhledy.
Nastavit modalitu
Označte libovolnou obrazovku jako překryvný modal místo celé stránky.
Kliknutím upravte
Kliknutím na libovolnou kartu snímku přejdete do zobrazení plátna pro podrobné úpravy.
Ovládací prvky pro přibližování
Pomocí ovládacích prvků pro přibližování vlevo můžete přibližovat a oddalovat storyboard.
Toky
Vizualizujte, jak jsou obrazovky propojeny pomocí toků mezi snímky.
Vlastnosti prvků
Upravte strukturu HTML vaší komponenty.
Karta Vlastnosti
Pozice (X, Y)
Nastavte přesnou pozici prvku v pixelech na plátně.
Velikost (šířka, výška)
Nastavte rozměry prvku v pixelech.
Z-index (pořadí vrstev)
Řiďte, které prvky se zobrazují nad ostatními.
Poloměr ohraničení
Nastavte zaoblení rohů pomocí číselné hodnoty nebo použijte přednastavení Ostré, Zaoblené nebo Pilulka.
Textový obsah
Upravte text zobrazený uvnitř prvku.
Karta Barvy
Přizpůsobte barvy pozadí, ohraničení a textu pro vybraný prvek.
Toky
Toky definují akce a navigaci mezi obrazovkami. Tok je akce, jako je navigace na jinou stránku, otevření modálního okna nebo směrování do jiné oblasti. Malé ikony spojení na plátně označují, které prvky mají připojené toky. Snímky se automaticky propojují během generování AI a vytvářejí se také toky.
Nastavení toků
Generování obrázků
Vytvářejte obrázky z textových promptů nebo upravujte existující obrázky pomocí AI (text na obrázek a obrázek na obrázek).
Generování videa
Generujte videa z textových popisů nebo animujte statické obrázky do videa (text na video a obrázek na video).
Přímý režim AI (A)
Režim variací (V)
Co je reverzní inženýrství?
Vytvoření reverzního projektu
Bloková spojení
Otevření zobrazení tvůrce
Úpravy AI
Zobrazení tvůrce
Kontextové promptování
Jedna obrazovka
Při úpravě jedné obrazovky zobrazuje panel promptů „Úprava „Název obrazovky““ a změny AI se aplikují pouze na tuto obrazovku.
TEXT: Scénář
Při použití režimu storyboardu může AI upravovat všechny snímky najednou nebo vytvářet nové snímky s využitím existujících jako reference.
Zdroj zachycení
Použijte ikonu mikrofonu v panelu promptů a diktujte své instrukce namísto psaní.
Úprava v příkazovém řádku
Kliknutím na možnost Úprava v příkazovém řádku získáte pokročilý režim úprav s větším ovládáním nad změnami generovanými AI.
Export a integrace
Přehled rozvržení