Un amigo me preguntó si tenía una buena manera de generar código para Figma, y su enfoque actual es exportar el código HTML de Figma y luego dejar que GitHub Copilot reescriba el código exportado de acuerdo con el formato del componente en la base de código. Le resultó problemático copiar y pegar el código y escribir un montón de indicaciones para que Copilot las reescribiera. No estoy muy familiarizado con Figma, así que le sugerí que intentara tomar una captura de pantalla de los resultados de Figma directamente o exportar un PNG, y luego enviar la captura de pantalla a Copilot para que Copilot pueda generar código de interfaz de usuario basado en la captura de pantalla en un solo paso. Dijo que los estilos obtenidos de esta manera no son tan precisos como los exportados desde Figma, después de todo, Figma tiene colores y tamaños precisos, mientras que los generados por IA no son tan precisos. Le sugerí que considerara combinar los dos, exportar el código y generar capturas de pantalla al mismo tiempo, y luego enviar las capturas de pantalla, el código de exportación de Figma y las descripciones de los componentes a la IA (separadas por etiquetas XML en el mensaje), para que la generación de la interfaz de usuario y la precisión del estilo puedan equilibrarse. Las solicitudes de referencia son las siguientes: [Captura de pantalla del diseño de la interfaz de usuario] <Figma导出代码>. . [Código Figma ......] </Figma导出代码>. . <UI组件说明>. . [Descripción del componente de interfaz de usuario de React......] </UI组件说明>. . Lo anterior es el diagrama de diseño de la interfaz de usuario y el código Figma correspondiente, consulte la descripción del componente de la interfaz de usuario y vuelva a generar el código de la interfaz de usuario utilizando el componente de la interfaz de usuario que proporcioné.