IU de transformación

Puedes usar Gemini para transformar el código de la IU en el entorno de vista previa de Compose con lenguaje natural directamente en la vista previa.

Para transformar la IU con Gemini, sigue estos pasos:

  1. En el panel de vista previa de Compose, haz clic con el botón derecho en una vista previa y selecciona Transform UI with Gemini.

    "Transform UI with Gemini" en el menú contextual
    Cómo acceder al menú "Transformar la IU con Gemini"

  2. Ingresa tu solicitud en lenguaje natural, como "Centra estos botones", para guiar a Gemini en el ajuste de tu diseño o estilo, o selecciona elementos específicos de la IU en la vista previa para obtener un mejor contexto.

    Diálogo modal "Transform UI with Gemini"
    Cómo aplicar una transformación de lenguaje natural a una vista previa de Compose

  3. Gemini produce un diff con las ediciones de código sugeridas. Puedes revisar y definir mejor las actualizaciones si es necesario antes de aprobar los cambios.

Prueba instrucciones como las siguientes:

  • "Agrega más espacio entre el texto".
  • "Aumenta el tamaño de los íconos en un 10%".
  • "Cambia el color de fondo a <color>".