Casete de delimitare
Prezentare generală
Făcând clic pe element se deschide un strat modal/dialog. Specificați ce conținut ar trebui să afișeze stratul modal.
După detectare
Faceți clic pe Creați o machetă sau + Machetă nouă pentru a deschide dialogul de creare. Veți introduce un titlu, veți selecta platforma țintă (Mobil, Desktop sau Web), veți scrie o descriere a machetei și veți alege între Manual sau Alimentat de AI mod.
Detectare selectivă
TEXT: Selectați instrumentul Box
Când un cadru este generat, badge-ul de stare al ecranului din bara laterală din stânga se modifică în <strong>se generează...</strong> și apare un indicator de progres în colțul din dreapta jos (de exemplu, „Generarea cadrului... (10%)”). Butonul Generați cadru este înlocuit cu un buton <strong>Opriți generarea</strong>, permițându-vă să anulați dacă este necesar.
TEXT: Desenați o casetă
Conexiuni de bloc
Bara laterală AI
Permite atașarea blocurilor din biblioteca de blocuri direct la elementele machetei. Când faceți dublu clic pe un element și derulați în jos în panoul de proprietăți, veți găsi secțiunea Conexiuni de bloc. Faceți clic pe <strong>+ Adăugați bloc</strong> pentru a conecta un bloc (HTML, componentă sau șablon) la element. Blocurile conectate sunt referite atunci când se generează cod cu AI, facilitând atașarea de cod HTML sau de componente specifice la elementele machetei.
TEXT: Atribuiți un comportament
Machetele pot fi <strong>exportate</strong>, <strong>importate</strong> sau <strong>utilizate direct</strong> atunci când creați proiecte sau în Hubul de proiecte. Acest lucru facilitează trecerea de la proiectarea machetei la un proiect funcțional fără a recrea manual aspectele.
Casete de delimitare
Navighează la secțiune
Comută conținutul
Elementul afișează sau ascunde conținutul asociat — meniuri derulante, acordeoane, panouri extensibile.
Trimitere formular
Elementul declanșează validarea formularului și logica de trimitere.
Acțiune personalizată
Definiți orice descriere a comportamentului personalizat, iar AI va genera manipulatoarele și logica corespunzătoare.
Deschide strat modal
Elementul acționează ca un link sau un buton care navighează către o altă pagină sau secțiune a aplicației.
Generare de cod și machete
Bara laterală AI
Moduri de ieșire
Caracteristici de generare de cod
Sfaturi
Odată ce ați adnotat imaginea cu casete de delimitare și ați atribuit comportamente, puteți genera fie cod de componentă funcțional, fie o machetă. AI utilizează pozițiile casetelor de delimitare, tipurile de elemente și direcțiile de comportament pentru a produce o ieșire precisă.
Selector model Vision
Alegeți modelul AI pe care doriți să-l utilizați pentru a analiza imaginile și a genera ieșire. Diferite modele pot produce diferite niveluri de detaliu și precizie.
Selector de cadre
Alegeți cadrul țintă pentru generarea de cod (de exemplu, React, Vue, Svelte). Codul generat va utiliza sintaxa și modelele cadrului selectat.