Lærredredigeringsprogram
Wireframe-redigeringslærredet er, hvor du designer og forfiner dine skærme. Den venstre sidebjælke indeholder alle tegne- og udvælgelsesværktøjerne, midten er lærredet, hvor du placerer og arrangerer elementer, og den højre sidebjælke viser egenskaberne for det valgte element.
Værktøjer
Vælg
Klik for at vælge og flytte elementer på lærredet. Valgte elementer viser deres egenskaber i den højre sidebjælke.
Kvadrat
Tegn rektangulære containerelementer på lærredet.
Cirkel
Tegn cirkulære elementer på lærredet.
Tekst
Tilføj tekstetiketter og indholdsblokke.
Billede
Placer billedpladsholderelementer.
Knap
Tilføj interaktive knapelementer.
Input
Tilføj formularinputfelter.
+ (Tilføj skærm)
Tilføj en ny skærm til wireframe-projektet.
Låste elementer
Træk i kanterne eller hjørnerne af en hvilken som helst boks for at finjustere dens position og størrelse. Sørg for, at den omslutter det målrettede element tæt.
Storyboard-tilstand
Storyboard-tilstand giver dig mulighed for at se alle dine skitser og deres forbindelsespunkter i et overblik. Skift mellem enkelt-skærmlærredet og storyboard-tilstand ved hjælp af den samme knap i den venstre sidebjælke. I storyboard-tilstand vises hver skærm som et kort med en forhåndsvisning af dens layout.
Storyboard-funktioner
Skitser-oversigt
Se alle skærme på et øjeblik med deres elementantal og visuelle forhåndsvisninger.
Indstil modal
Marker en hvilken som helst skærm som en modal-overlay i stedet for en hel side.
Klik for at redigere
Klik på et hvilket som helst skitsekort for at gå til dens lærredvisning for detaljeret redigering.
Zoomkontroller
Brug zoomkontrollerne til venstre til at zoome ind/ud på storyboardet.
Strømningsforbindelser
Visualiser, hvordan skærme er forbundet via strømningshandlinger mellem skitser.
Egenskaber for elementer
Tildel adfærd
Faneblad med egenskaber
Position (X, Y)
Indstil den nøjagtige pixelposition for elementet på lærredet.
Størrelse (bredde, højde)
Indstil elementets dimensioner i pixels.
Z-indeks (lagrækkefølge)
Styr, hvilke elementer der vises oven på andre.
Hjørneradius
Indstil hjørneafrunding med en numerisk værdi, eller brug forudindstillingerne Skarp, Afrundet eller Pille.
Tekstindhold
Rediger teksten, der vises inde i elementet.
Faneblad med farver
Tilpas baggrunds-, kant- og tekstfarver for det valgte element.
Strømme
Strømme definerer handlinger og navigation mellem skærme. En strøm er en handling, såsom at navigere til en anden side, åbne en modal eller omdirigere til et andet område. Små linkikoner på lærredet angiver, hvilke elementer der har tilknyttede strømme. Skitser er automatisk forbundet med hinanden under AI-generering, og strømningsforbindelser oprettes også.
Opsætning af strømme
Vælg et element
Skifter indhold
Åbn fanen Flow
Formularindsendelse
Tilføj forbindelse
Brugerdefineret handling
Vis på lærred
Kode- og wireframe-generering
Blokforbindelser
Vis på lærred
AI-redigering
Forbundne elementer viser et lille linkikon på lærredet for at angive, at de har strømningshandlinger.
Kontekstbevidst prompt
Enkelt skærm
Når du redigerer en enkelt skærm, viser promptlinjen "Redigering af 'Skærmnavn', og AI-ændringer gælder kun for den pågældende skærm.
Storyboard
Når du er i storyboard-tilstand, kan AI redigere alle skitser på én gang eller oprette nye skitser ved hjælp af de eksisterende som reference.
Hvad der pakkes
Brug mikrofonikonet i promptlinjen til at diktere dine instruktioner i stedet for at skrive.
CLI-redigering
Klik på CLI-redigering for at få en avanceret redigeringstilstand med mere kontrol over de AI-drevne ændringer.
Eksport og integration
Vælg værktøjet Boks