Sketch & wireframes
Desenează wireframe-uri în Excalidraw și trimite-le AI-ului pentru implementare.
Vizualizarea Sketch oferă o pânză Excalidraw pentru wireframe-uri de ecrane înainte sau în timpul dezvoltării.
Deschiderea sketch mode
În workbench, comută la vizualizarea Sketch. Desenele tale se salvează automat per proiect.
Flux de lucru
- Schițează layout-uri aproximative — cutii pentru ecrane, etichete pentru secțiuni, săgeți pentru navigație
- Exportă sau trimite schița în chat
- AI-ul folosește skill-ul design-from-sketch pentru a interpreta intenția de layout și a construi ecranele
Schițele comunică structura și ierarhia; nu trebuie să fie designuri finisate.
Bune practici
- Etichetează fiecare ecran (Home, Profile, Settings)
- Marchează acțiunile principale (butoane, liste, tab-uri)
- Notează fluxul de navigație cu săgeți
- Păstrează wireframe-urile simple — AI-ul completează stilizarea prin temă și design references
Sketch vs. visual editor
| Instrument | Scop |
|---|---|
| Sketch | Planifică layout-ul înainte ca codul să existe |
| Visual editor | Rafinează stilizarea pe UI live |
| Design reference | Stabilește limbajul vizual global |
