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

  1. Schițează layout-uri aproximative — cutii pentru ecrane, etichete pentru secțiuni, săgeți pentru navigație
  2. Exportă sau trimite schița în chat
  3. 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

InstrumentScop
SketchPlanifică layout-ul înainte ca codul să existe
Visual editorRafinează stilizarea pe UI live
Design referenceStabilește limbajul vizual global

Legături