Un prieten m-a întrebat dacă am o modalitate bună de a genera cod pentru Figma, iar abordarea sa actuală este să exporte codul HTML din Figma și apoi să lase GitHub Copilot să rescrie codul exportat în funcție de formatul componentei din baza de cod. I s-a părut dificil să copieze și să lipească codul și să scrie o grămadă de solicitări pentru ca Copilot să le rescrie. Nu sunt foarte familiarizat cu Figma, așa că i-am sugerat să încerce să facă o captură de ecran a rezultatelor Figma direct sau să exporte un PNG, apoi să trimită captura de ecran la Copilot, astfel încât Copilot să poată genera codul UI pe baza capturii de ecran într-un singur pas. El a spus că stilurile obținute în acest fel nu sunt la fel de precise ca cele exportate din Figma, la urma urmei, Figma are culori și dimensiuni precise, în timp ce cele generate de AI nu sunt atât de precise. I-am sugerat să ia în considerare combinarea celor două, exportarea codului și generarea de capturi de ecran în același timp, apoi trimiterea capturilor de ecran, a codului de export Figma și a descrierilor componentelor către AI (separate prin etichete XML în prompt), astfel încât generarea interfeței de utilizare și acuratețea stilului să poată fi echilibrate. Solicitările de referință sunt următoarele: [Captură de ecran design UI] . <Figma导出代码>. [Cod Figma ......] </Figma导出代码>. . . <UI组件说明>. [Descrierea componentei React UI......] </UI组件说明>. . Cele de mai sus sunt diagrama de proiectare a interfeței de utilizare și codul Figma corespunzător, vă rugăm să consultați descrierea componentei UI și să regenerați codul UI folosind componenta UI pe care am furnizat-o.