Kaiju Hub AI

Maquetes

Wireframes welcome screen with Create Wireframe button

Benvingut

Quan selecciones la pestanya "Manual" i fas clic a "Crea", et portarà directament a l'editor de llenç de maquetes on pots començar a construir les teves pantalles immediatament. Aquesta és la millor opció quan ja tens una idea clara del teu disseny i vols tenir un control total des del principi.

Funcions clau

Disseny manual

Crea maquetes manualment utilitzant l'editor de llenç visual: arrossega i deixa anar components per dissenyar les teves pantalles.

Generació impulsada per IA

Descriu què vols i deixa que la IA generi automàticament la documentació i els fotogrames de la maqueta.

Llista de fitxers seleccionats

Utilitza el botó de micròfon integrat o fes clic amb el botó central per dictar la descripció de la maqueta amb la veu.

Maqueta a codi

Un cop la maqueta estigui llesta, envia-la directament a la generació de codi, passant del disseny al codi funcional en un sol flux de treball sense problemes.

Creació d'una maqueta

Create New Wireframe Project dialog showing title, platform selection, and Manual/AI-Powered tabs

Tens un disseny específic en ment i vols construir-lo tu mateix.

Camps de configuració del projecte

Títol

Dona un nom al teu projecte de maquetes perquè el puguis identificar més endavant a la llista de maquetes.

Plataforma

Selecciona la plataforma de destinació: mòbil, escriptori o web, per adaptar el disseny i les restriccions de la maqueta.

Descripció

Descriu què vols construir. Això s'utilitza pel mode impulsat per la IA per generar documentació i fotogrames. Admet l'entrada de veu mitjançant el botó del micròfon.

Mode

Tria Manual per començar directament a l'editor de llenç o Impulsat per la IA per deixar que la IA generi la documentació i els fotogrames per a tu.

Mode manual

Vols esbossar ràpidament un disseny aproximat abans de refinar-lo.

Quan s'ha d'utilitzar el mode manual

•

Prefereixes tenir un control total sobre cada element des del principi.

•

Quan selecciones la pestanya "Impulsat per la IA", apareixen opcions addicionals. Pots escriure o dictar la teva descripció, definir fotogrames individuals (opcional), seleccionar el model d'IA preferit al menú desplegable de la part superior i, a continuació, fer clic a "Genera" perquè la IA creï la documentació de la maqueta per a tu.

•

En el mode impulsat per la IA, fer clic al botó "Millora amb la IA" obre un diàleg que et permet millorar la teva descripció utilitzant la IA. Això agafa el que has escrit al camp de descripció i el millora en funció de les teves instruccions, fent-lo més detallat, estructurat o complet abans de generar la maqueta.

Mode impulsat per la IA

AI-Powered wireframe creation with title, platform, description, Define Frames tab, model selector, and Generate button

Després de fer clic a "Genera" en el mode impulsat per la IA, el teu projecte de maquetes apareix a la llista de maquetes amb l'estat "S'està generant la documentació...". La IA està creant una documentació estructurada per al teu projecte en funció del títol, la plataforma, la descripció i els fotogrames que has definit.

Com funciona

1

Defineix els fotogrames (opcional)

Ves a la pestanya Defineix els fotogrames per especificar els fotogrames individuals o les vistes que vulguis que la IA generi.

2

Selecciona el model d'IA

Selecciona el model d'IA preferit al menú desplegable (per exemple, Claude Code, Opus 4.6).

3

Seleccioneu el model d'IA

Construeix els fotogrames

4

Genera

Un cop finalitzada la documentació, pots començar a generar cada fotograma individual des de l'editor de maquetes.

5

Creeu fotogrames

Generació de fotogrames

Millora amb IA

Enhance with AI dialog showing AI Model selection, Enhancement Instructions field, and Enhance Description button

Tot i que no és estrictament necessari, es recomanen les eines següents. Et recomanem que les instal·lis i provis altres conjunts d'eines:

Opcions de millora

Model d'IA

Selecciona el model d'IA que s'utilitzarà per millorar la teva descripció (per exemple, Claude Code, Opus 4.6).

Instruccions de millora

Opcionalment, proporciona instruccions específiques sobre com la IA hauria de millorar la descripció. Admet l'entrada de veu.

Millora la descripció

Fes clic per executar la millora. La IA reescriurà i millorarà la teva descripció en funció de la teva entrada i les teves instruccions.

Generació de documentació

Wireframes list showing a project card with Generating Documentation status

Pàgina de preus

Què passa després

1

Generació de documentació

Un cop finalitzada la documentació, pots obrir la maqueta i començar a generar cada fotograma individual des de l'editor.

2

Refinament

Després que s'hagin generat els fotogrames, pots ajustar, afegir o eliminar components manualment a l'editor de llenç per afinar el disseny.

3

Refinament

Fes clic a "Crea una maqueta" o "+ Nova maqueta" per obrir el diàleg de creació. Introdueix un títol, selecciona la plataforma de destinació (mòbil, escriptori o web), escriu una descripció de la teva maqueta i tria entre el mode "Manual" o "Impulsat per la IA".

Tots els logotips, marques comercials i noms de marques de tercers mostrats a Kaiju Hub AI són propietat dels seus respectius propietaris. El seu ús és únicament amb fins d'identificació i no implica recolzament, patrocini ni afiliació.