Přítel se mě zeptal, jestli mám dobrý způsob, jak generovat kód pro Figmu, a jeho současný přístup je exportovat HTML kód z Figmy a poté nechat GitHub Copilot přepsat exportovaný kód podle formátu komponenty v kódové základně. Zjistil, že je obtížné zkopírovat a vložit kód a napsat spoustu výzev, které má Copilot přepsat. Figmu příliš neznám, a tak jsem mu navrhl, aby zkusil pořídit snímek obrazovky s výsledky Figmy přímo nebo exportovat PNG a poté snímek obrazovky poslat do Copilotu, aby Copilot mohl v jednom kroku vygenerovat kód uživatelského rozhraní na základě snímku obrazovky. Řekl, že takto získané styly nejsou tak přesné jako ty exportované z Figmy, koneckonců Figma má přesné barvy a velikosti, zatímco ty generované umělou inteligencí tak přesné nejsou. Navrhl jsem, aby zvážil kombinaci těchto dvou, export kódu a generování snímků obrazovky současně a následné odeslání snímků obrazovky, kódu exportu Figmy a popisů komponent do AI (oddělených značkami XML ve výzvě), aby bylo možné vyvážit generování uživatelského rozhraní a přesnost stylu. Referenční výzvy jsou následující: [Snímek obrazovky návrhu uživatelského rozhraní] <Figma导出代码>. . [Kód Figma ......] </Figma导出代码>. . <UI组件说明>. . [Popis komponenty uživatelského rozhraní React ......] </UI组件说明>. . Výše uvedené je návrhový diagram uživatelského rozhraní a odpovídající kód Figma, podívejte se prosím na popis komponenty uživatelského rozhraní a znovu vygenerujte kód uživatelského rozhraní pomocí komponenty uživatelského rozhraní, kterou jsem poskytl.