En venn spurte meg om jeg hadde en god måte å generere kode for Figma på, og hans nåværende tilnærming er å eksportere HTML-koden fra Figma og deretter la GitHub Copilot skrive om den eksporterte koden i henhold til komponentformatet i kodebasen. Han syntes det var plagsomt å kopiere og lime inn koden og skrive en haug med spørsmål for Copilot om å skrive om. Jeg er ikke veldig kjent med Figma, så jeg foreslo at han skulle prøve å ta et skjermbilde av Figmas resultater direkte eller eksportere en PNG, og deretter sende skjermbildet til Copilot slik at Copilot kan generere UI-kode basert på skjermbildet i ett trinn. Han sa at stilene oppnådd på denne måten ikke er like nøyaktige som de som eksporteres fra Figma, tross alt har Figma nøyaktige farger og størrelser, mens de AI-genererte ikke er så nøyaktige. Jeg foreslo at han vurderte å kombinere de to, eksportere koden og generere skjermbilder samtidig, og deretter sende skjermbildene, Figma-eksportkoden og komponentbeskrivelsene til AI (atskilt med XML-tagger i ledeteksten), slik at UI-generering og stilnøyaktighet kan balanseres. Referansemeldingene er som følger: [Skjermbilde av UI-design] <Figma导出代码>. . . [Figma-kode ......] . .</Figma导出代码> . <UI组件说明>. . . [Beskrivelse av React UI-komponent......] . .</UI组件说明> . Ovennevnte er UI-designdiagrammet og den tilsvarende Figma-koden, se UI-komponentbeskrivelsen og regenerer UI-koden ved å bruke UI-komponenten jeg oppga.