Wireframes
Valkommen
Wireframes-omradet later dig designa och prototypa dina granssnittslayouter visuellt. Skapa wireframes for att planera din applikations struktur innan du borjar koda. Nar du oppnar Wireframes for forsta gangen ser du valkomstskurmen med ett Skapa Wireframe-kort for att komma igang, eller anvand knappen + Ny Wireframe i ovre hogra hornet.
Nyckelfunktioner
Manuell design
Bygg wireframes for hand med den visuella canvasredigeraren — dra och slapp komponenter for att designa dina skarmar.
AI-driven generering
Beskriv vad du vill ha och lat AI generera wireframe-dokumentation och ramar at dig automatiskt.
Rostinmatning
Anvand den inbyggda mikrofonknappen eller mittenklick for att diktera din wireframe-beskrivning med rost.
Wireframe till kod
Nar din wireframe ar klar, skicka den direkt till kodgenerering — fran design till fungerande kod i ett sammanhangande arbetsflode.
Skapa en wireframe
Klicka pa Skapa Wireframe eller + Ny Wireframe for att oppna skapandedialogen. Du anger en titel, valjer malplattform (Mobil, Skrivbord eller Webb), skriver en beskrivning av din wireframe och valjer mellan Manuellt eller AI-drivet lage.
Projektinstallningsfalt
Titel
Ge ditt wireframe-projekt ett namn sa att du kan identifiera det senare i wireframe-listan.
Plattform
Valj malplattformen — Mobil, Skrivbord eller Webb — for att anpassa wireframe-layouten och begransningarna.
Beskrivning
Beskriv vad du vill bygga. Detta anvands av AI-drivet lage for att generera dokumentation och ramar. Stoder rostinmatning via mikrofonknappen.
Lage
Valj Manuellt for att hoppa direkt till canvasredigeraren, eller AI-drivet for att lata AI generera dokumentation och ramar at dig.
Manuellt lage
Nar du valjer fliken Manuellt och klickar pa Skapa tas du direkt till wireframe-canvasredigeraren dar du kan borja bygga dina skarmar omedelbart. Detta ar det basta alternativet nar du redan har en tydlig bild av din design och vill ha full kontroll fran borjan.
Nar man anvander manuellt lage
Du har en specifik design i tankarna och vill bygga den sjalv.
Du vill snabbt skissa en grov layout innan du forfiniar den.
Du foredrar full kontroll over varje element fran borjan.
AI-drivet lage
Nar du valjer fliken AI-drivet visas ytterligare alternativ. Du kan skriva eller diktera din beskrivning, valfritt definiera enskilda ramar, valja din foredragna AI-modell fran rullgardinsmenyn langst upp och sedan klicka pa Generera for att lata AI skapa wireframe-dokumentationen at dig.
Hur det fungerar
Ange detaljer
Fyll i titeln, valj en plattform och skriv en beskrivning av ditt projekt.
Definiera ramar (valfritt)
Byt till fliken Definiera ramar for att specificera individuella skarmar eller vyer som du vill att AI:n ska generera.
Valj AI-modell
Valj din foredragna AI-modell fran rullgardinsmenyn (t.ex. Claude Code, Opus 4.6).
Generera
Klicka pa Generera for att starta AI-dokumentationsgenerering. Wireframe-projektet visas i din lista medan dokumentationen skapas.
Bygg ramar
Nar dokumentationen ar klar kan du borja generera varje individuell ram fran wireframe-redigeraren.
Forbattra med AI
I AI-drivet lage oppnar ett klick pa knappen Forbattra med AI en dialog som later dig forbattra din beskrivning med hjalp av AI. Detta tar det du har skrivit i beskrivningsfaltet och forbattrar det enligt dina instruktioner — gor det mer detaljerat, strukturerat eller heltackande innan wireframen genereras.
Forbattringsalternativ
AI-modell
Valj AI-modellen som ska anvandas for att forbattra din beskrivning (t.ex. Claude Code, Opus 4.6).
Forbattringsinstruktioner
Ange valfritt specifika instruktioner for hur AI:n ska forbattra beskrivningen. Stoder rostinmatning.
Forbattra beskrivning
Klicka for att kora forbattringen. AI:n kommer att skriva om och forbattra din beskrivning baserat pa din indata och instruktioner.
Dokumentationsgenerering
Efter att du klickat pa Generera i AI-drivet lage visas ditt wireframe-projekt i wireframe-listan med statusen Genererar dokumentation.... AI skapar strukturerad dokumentation for ditt projekt baserat pa titeln, plattformen, beskrivningen och ramarna du har definierat.
Vad som hander harnast
Dokumentationsgenerering
AI:n skapar ett strukturerat dokument som definierar varje skarm, komponent och layout baserat pa din beskrivning.
Ramgenerering
Nar dokumentationen ar klar kan du oppna wireframen och borja generera varje individuell ram fran redigeraren.
Forfinning
Efter att ramar har genererats kan du manuellt justera, lagga till eller ta bort komponenter i canvasredigeraren for att finjustera designen.