Rammeverk
Velkommen
Etter at du har klikket på Generer i AI-drevet modus, vises wireframe-prosjektet i wireframe-listen som et prosjektkort med statusen Genererer dokumentasjon.... AI-en oppretter strukturert dokumentasjon for prosjektet ditt basert på tittelen, plattformen, beskrivelsen og eventuelle rammer du har definert.
Nøkkelfunksjoner
Manuell design
Lag wireframes manuelt ved hjelp av den visuelle redigeringsprogrammet – dra og slipp komponenter for å utforme skjermene dine.
AI-drevet generering
Beskriv hva du vil ha, og la AI generere wireframe-dokumentasjon og -rammer automatisk.
Stemmeinnmating
Bruk mikrofonknappen eller høyreklikk for å diktere wireframe-beskrivelsen din ved hjelp av stemmen.
Wireframe til kode
Når wireframen er klar, kan du sende den direkte til kodegenerering – gå fra design til fungerende kode i en sømløs arbeidsflyt.
Opprette en wireframe
Selv om det ikke er strengt nødvendig, anbefales følgende verktøy. Vi oppfordrer deg til å installere dem og prøve andre stakker:
Felt for prosjektoppsett
Tittel
Gi wireframe-prosjektet ditt et navn, slik at du kan identifisere det senere i wireframe-listen.
Plattform
Velg målplattformen – Mobil, Skrivebord eller Nett – for å tilpasse wireframe-oppsettet og -begrensningene.
Beskrivelse
Beskriv hva du vil bygge. Dette brukes av AI-drevet modus for å generere dokumentasjon og rammer. Støtter stemmeinndata via mikrofonknappen.
Modus
Velg Manuell for å gå rett til redigeringsprogrammet, eller AI-drevet for å la AI generere dokumentasjon og rammer for deg.
Manuell modus
Prisside
Når skal du bruke manuell modus
Velg planen din ovenfor og klikk på <strong>Start Pro</strong> for å starte betalingsprosessen. Etter kjøpet aktiveres Pro-lisensen din automatisk, og alle premiumfunksjonene blir tilgjengelige umiddelbart. Du kan administrere abonnementet ditt fra innstillingssiden når som helst.
Bytt til fanen <strong>Mine depot</strong> for å bla gjennom og klone depot fra GitHub-kontoen din. Dette krever at en GitHub-konto er koblet til i innstillingene.
Klikk på <strong>Klon depot</strong> for å starte kloningen. Prosjektet vises i dashbordet ditt når det er fullført.
AI-drevet modus
Klikk på Importer prosjekt for å legge til prosjektet i dashbordet ditt.
Hvordan det fungerer
Bygg rammer
Når dokumentasjonen er fullført, kan du åpne wireframen og begynne å generere hver enkelt ramme fra redigeringsprogrammet.
Definer rammer (valgfritt)
Rammegenerering
Velg AI-modell
Forbedring
Generer
Wireframe-området lar deg designe og prototype UI-oppsett visuelt. Opprett wireframes for å planlegge applikasjonens struktur før du koder. Når du først åpner Wireframes, vil du se velkomstskjermen med et <strong>Opprett wireframe</strong>-kort for å komme i gang, eller bruk knappen <strong>+ Ny wireframe</strong> øverst til høyre.
Bygg rammer
Når du velger <strong>Manuell</strong> -fanen og klikker på <strong>Opprett</strong>, blir du ført direkte til wireframe-redigeringsprogrammet der du kan begynne å bygge skjermene dine umiddelbart. Dette er det beste alternativet når du allerede har en klar idé om oppsettet og ønsker full kontroll fra starten.
Forbedre med AI
Kaiju Hub AI leveres med innebygd støtte for Anthropic Claude Code, Google Gemini og OpenAI Codex. Pro-versjonen støtter også egendefinerte CLI-tillegg som OpenCode.
Forbedringsalternativer
AI-modell
Velg AI-modellen som skal brukes til å forbedre beskrivelsen din (f.eks. Claude Code, Opus 4.6).
Forbedringsinstruksjoner
Angi eventuelt spesifikke instruksjoner om hvordan AI skal forbedre beskrivelsen. Støtter stemmeinndata.
Forbedre beskrivelse
Klikk for å kjøre forbedringen. AI vil omskrive og forbedre beskrivelsen din basert på inndataene og instruksjonene dine.
Generering av dokumentasjon
Agenten som åpnes som standard, bestemmes av leverandøren og modusen du valgte i området Prosjektinfo. Hver gang du venstreklikker på + -knappen, åpnes en ny fane ved hjelp av den standardagenten.
Hva skjer deretter
Generering av dokumentasjon
Du har et spesifikt design i tankene og ønsker å bygge det selv.
Ramme-generering
Du foretrekker full kontroll over hvert element fra starten.
Forbedring
I AI-drevet modus åpner du en dialog ved å klikke på knappen <strong>Forbedre med AI</strong>, der du kan forbedre beskrivelsen din ved hjelp av AI. Dette tar det du har skrevet i beskrivelsesfeltet og forbedrer det basert på instruksjonene dine – og gjør det mer detaljert, strukturert eller komplett før du genererer wireframen.