Друг запитав мене, чи є у мене хороший спосіб згенерувати код для Figma, і його поточний підхід полягає в тому, щоб експортувати HTML-код з Figma, а потім дозволити GitHub Copilot переписати експортований код відповідно до формату компонентів у кодовій базі. Він вважав клопітким копіювати та вставляти код і писати купу підказок для Copilot, щоб він переписав. Я не дуже добре знайомий з Figma, тому запропонував йому спробувати зробити скріншот результатів Figma безпосередньо або експортувати PNG, а потім відправити скріншот Copilot, щоб Copilot міг згенерувати код інтерфейсу на основі скріншота за один крок. Він розповів, що отримані таким чином стилі не такі точні, як ті, що експортовані з Figma, адже у Figma точні кольори та розміри, тоді як згенеровані штучним інтелектом не такі точні. Я запропонував йому розглянути можливість об'єднання цих двох, експорту коду та генерації скріншотів одночасно, а потім надсилання скріншотів, коду експорту Figma та описів компонентів до AI (розділених тегами XML у підказці), щоб можна було збалансувати генерацію інтерфейсу та точність стилю. Довідкові підказки такі: [Скріншот UI дизайну] <Figma导出代码>. [Код Figma ......] </Figma导出代码>. <UI组件说明>. [Опис компонента React UI......] </UI组件说明>. Вище наведено схему дизайну інтерфейсу користувача та відповідний код Figma, будь ласка, зверніться до опису компонента інтерфейсу користувача та відновіть код інтерфейсу за допомогою компонента інтерфейсу користувача, який я надав.