Redigeringsprogram for lerret
Wireframe-redigeringslerretet er der du designer og forfiner skjermene dine. Sidefeltet til venstre inneholder alle tegne- og utvalgsverktøyene, midten er lerretet der du plasserer og ordner elementer, og sidefeltet til høyre viser egenskapene til det valgte elementet.
Verktøy
Velg
Klikk for å velge og flytte elementer på lerretet. Valgte elementer viser egenskapene sine i sidefeltet til høyre.
Firkant
Tegn rektangulære containerelementer på lerretet.
Sirkel
Tegn sirkulære elementer på lerretet.
Tekst
Legg til tekstetiketter og innholdsblokker.
Bilde
Plasser bildeplassholderelementer.
Knapp
Legg til interaktive knappe-elementer.
Inndata
Legg til skjema-inndatafelt.
+ (Legg til skjerm)
Legg til en ny skjerm i wireframe-prosjektet.
Låste elementer
Live-forhåndsvisning
Storyboard-modus
Storyboard-modus lar deg se alle rammene og tilkoblingspunktene i et overordnet perspektiv. Bytt mellom enkelt skjermvisning og storyboard-modus ved hjelp av samme knapp i sidefeltet til venstre. I storyboard-modus vises hver skjerm som et kort med en forhåndsvisning av oppsettet.
Storyboard-funksjoner
Rammeoversikt
Se alle skjermene på et øyeblikk med deres elementantall og visuelle forhåndsvisninger.
Sett modal
Merk hvilken som helst skjerm som et modal-overlegg i stedet for en hel side.
Klikk for å redigere
Klikk på et hvilket som helst rammekort for å gå til visningen på lerretet for detaljert redigering.
Zoomkontroller
Bruk zoomkontrollene til venstre for å zoome inn/ut av storyboardet.
Flyt-koblinger
Visualiser hvordan skjermer er koblet sammen gjennom flyt-handlinger mellom rammer.
Egenskaper for element
AI-promptboks
Egenskapsfane
Posisjon (X, Y)
Angi den nøyaktige posisjonen i piksler for elementet på lerretet.
Størrelse (bredde, høyde)
Angi elementets dimensjoner i piksler.
Z-indeks (lagrekkefølge)
Kontroller hvilke elementer som vises over andre.
Hjørneradius
Angi hjørneavrunding med en numerisk verdi eller bruk forhåndsinnstillingene Skarp, Avrundet eller Pille.
Tekstinnhold
Rediger teksten som vises inne i elementet.
Fargefane
Tilpass bakgrunn, kant og tekstfarger for det valgte elementet.
Flyt
Flyt definerer handlinger og navigasjon mellom skjermer. En flyt er en handling som å navigere til en annen side, åpne en modal eller rute til et annet område. Små lenkeikoner på lerretet indikerer hvilke elementer som har flyter tilknyttet. Rammer er automatisk koblet sammen under AI-generering, og flyt-koblinger opprettes også.
Sette opp flyt
Hva er omvendt utvikling?
Opprette et omvendt prosjekt
Åpne fanen for arbeidsflyt
Bildeopplasting
Legg til tilkobling
Tegn eller bruk AI-automatisk deteksjon av begrensende bokser
Vis på lerretet
AI-automatisk deteksjon
Blokkerte tilkoblinger
Skriv dokumentasjon, Markdown eller ren tekst.
AI-redigering
HTML
Kontekstbevisst prompting
Enkel skjerm
Når du redigerer en enkelt skjerm, viser promptlinjen «Redigerer «Skjermnavn»» og AI-endringer gjelder bare for den skjermen.
Storyboard
Når du er i storyboard-modus, kan AI redigere alle rammene samtidig eller lage nye rammer ved hjelp av de eksisterende som referanse.
Stemmeinnmating
Bruk mikrofonikonet i promptlinjen for å diktere instruksjonene dine i stedet for å skrive.
CLI-redigering
Klikk på CLI-redigering for en avansert redigeringsmodus med mer kontroll over de AI-drevne endringene.
Eksport og integrering
Rediger HTML-strukturen til komponenten din.