¿Qué es la función canvas en ChatGPT y cómo se usa?

Canvas es una nueva interfaz para trabajar con ChatGPT en proyectos de escritura y programación que requieren edición y revisiones.

Con canvas, ChatGPT puede entender mejor el contexto de lo que intentas lograr. Puedes resaltar secciones específicas para indicar exactamente en qué quieres que se centre ChatGPT. También puede ofrecer comentarios y sugerencias en línea teniendo en cuenta todo el proyecto.

Tú controlas el proyecto en canvas. Puedes editar texto o código directamente. Puedes usar los atajos para que ChatGPT ajuste la longitud del texto, depure tu código y realice rápidamente otras acciones útiles. También puedes restaurar versiones anteriores de tu trabajo usando el botón de retroceso en canvas.

¿Cómo funciona el renderizado de React/HTML?

El código React/HTML se renderiza en un entorno aislado, lo que te permite ver el resultado del código. Muchos paquetes de npm y bibliotecas de JavaScript funcionarán, pero las vistas previas que necesiten cargar paquetes externos o recursos web pueden depender de la configuración de acceso de red de canvas de tu área de trabajo.

Controles de ejecución de código y acceso de red en canvas

Ten en cuenta que la ejecución de código y el renderizado de React/HTML pueden provocar solicitudes de red externas. Los administradores de áreas de trabajo Enterprise pueden controlar si la ejecución de código en canvas está disponible para los usuarios del área de trabajo, junto con los comportamientos predeterminados de acceso de red. De forma predeterminada, la ejecución de código en canvas está activada, mientras que Permitir que el código de canvas acceda a la red está desactivado para las áreas de trabajo Enterprise, pero estos controles se pueden configurar en la configuración de administrador de tu área de trabajo.

Acceder a canvas en ChatGPT

ChatGPT puede abrir un canvas cuando entiende lo que intentas lograr. Por ejemplo, puedes pedir a ChatGPT que genere un texto (p. ej., «escribamos un ensayo largo sobre por qué una fresa es un pseudocarpo») o que redacte código para ti (p. ej., «escribe un servidor web en Python») y responderá con un canvas. Normalmente puedes esperar que ChatGPT abra un canvas automáticamente cuando genere contenido de más de 10 líneas o detecte un escenario en el que sería útil disponer de una interfaz para escritura o código. Además, puedes incluir «usar canvas…» en tu prompt para pedir a ChatGPT que abra canvas.

Las respuestas con canvas abrirán automáticamente una ventana en el lado derecho que contiene el contenido solicitado.

También puedes empezar con un canvas en blanco con ChatGPT en la web diciendo cosas como «abre un canvas» o «abre un canvas de programación». Con un canvas en blanco, puedes trabajar en un proyecto existente pegándolo en el canvas en blanco o simplemente escribiendo en el canvas.

También puedes pegar contenido en ChatGPT y abrirlo al instante en canvas mediante un atajo en la esquina superior derecha del editor.

Además, la caja de herramientas del editor de prompts también te permite pedir a ChatGPT que cree un nuevo canvas en tu prompt. Esto también se puede activar escribiendo una barra invertida («/») y usando después el comando «canvas».

Editar tu proyecto con canvas

Puedes hacer ediciones con canvas simplemente pidiéndolas en el chat. Además, puedes seleccionar parte del contenido resaltando el texto o usar el icono de comentario de bloque para seleccionar un bloque de párrafo completo. Esto abrirá una entrada donde puedes proporcionar indicaciones sobre qué explicar o editar en la sección seleccionada.

También puedes editar directamente el contenido de canvas haciendo clic en el canvas y escribiendo. Ten en cuenta que solo se admiten opciones básicas de formato Markdown, como negrita, cursiva, encabezados, viñetas y listas numeradas. Actualmente no ofrecemos opciones de formato más avanzadas en canvas.

Puedes obtener sugerencias de comentarios específicas de ChatGPT simplemente seleccionando los atajos Sugerir ediciones o Revisar código. Al hacer clic en el globo de comentario, puedes ver la sugerencia específica proporcionada por ChatGPT. Puedes editar directamente el elemento marcado y cerrar el comentario, o seleccionar Aplicar para que ChatGPT genere automáticamente contenido que responda al comentario.

Al trabajar en una tarea de escritura, también tienes la opción de resaltar partes específicas de tu texto o código y pedir a ChatGPT que solicite ediciones para esa sección o que haga una pregunta sobre ella. También se puede acceder a las opciones de formato resaltando un fragmento de texto. Se admite formato Markdown básico, como negrita, cursiva, encabezados, viñetas y listas numeradas. Actualmente no ofrecemos opciones de formato más avanzadas en canvas.

Atajos en canvas para escritura y programación

Canvas con ChatGPT ofrece acceso a un conjunto de atajos de escritura que te permiten pedir ediciones sugeridas, ajustar la longitud del resultado, actualizar el nivel de lectura previsto y añadir emojis o un pulido final a tu texto. Para encontrar estos atajos, pasa el cursor sobre el menú de atajos en la parte inferior derecha de la página.

Para documentos de escritura, puedes usar los siguientes atajos:

• Sugerir ediciones: ChatGPT añadirá sugerencias en línea para mejorar tu escritura.

• Ajustar la longitud: acorta o amplía la longitud de tu documento.

• Cambiar el nivel de lectura: ajusta el nivel de lectura desde Infantil hasta Posgrado.

• Añadir pulido final: comprueba la gramática, la claridad y la coherencia.

• Añadir emojis: sustituye palabras por emojis o los añade para dar más énfasis y color.

Para programar, puedes usar los siguientes atajos:

• Añadir registros: inserta instrucciones de impresión para ayudar con la depuración y el seguimiento de la ejecución.

• Añadir comentarios: añade comentarios para explicar el código y mejorar su legibilidad.

• Corregir errores: detecta y reescribe código problemático para resolver errores.

• Convertir a un lenguaje: traduce tu código a lenguajes como JavaScript, Python, Java, TypeScript, C++ o PHP.

• Revisión de código: proporciona sugerencias en línea para optimizar y mejorar tu código.

Algunos atajos actualizarán de inmediato el contenido de tu proyecto, como Añadir emojis, Añadir pulido final, Corregir errores y Convertir a un lenguaje.

Otros atajos se pueden ajustar con un control deslizante. Por ejemplo, el atajo Ajustar la longitud te da la flexibilidad de seleccionar opciones entre la longitud más corta y la más larga. El atajo Nivel de lectura te permite ajustar el nivel de lectura desde Infantil hasta Posgrado.

Historial de versiones y mostrar cambios

Puedes navegar por las versiones de tu documento o código de canvas usando el historial de versiones mediante las flechas de la barra de herramientas superior. Esto te permite ver versiones anteriores, así como restaurarlas si lo deseas. También puedes copiar el contenido de tu proyecto seleccionando el botón de copiar.

Además, puedes ver los cambios entre versiones de canvas usando el botón Mostrar cambios de la barra de herramientas superior. Esto mostrará las adiciones y eliminaciones tanto en documentos como en código.

Ejecutar código Python con canvas

Puedes ejecutar archivos de código de canvas para Python directamente en el navegador cuando uses canvas seleccionando el botón Ejecutar en tu canvas. Al ejecutar código Python, el resultado aparecerá en la consola en la parte inferior de la pantalla. Cuando aparezcan errores en la consola, ChatGPT ofrecerá una sugerencia sobre el error; haz clic en el botón Corregir error para que ChatGPT intente corregirlo por ti.

Esta función solo está disponible actualmente para código Python, pero tenemos previsto ampliar el acceso a otros lenguajes de programación en el futuro.

Activar el canvas para tu GPT

El canvas ya funciona con los GPTs. Puedes habilitar el acceso al canvas para los GPTs activando la capacidad de canvas en el constructor de GPT. Esto permite que los usuarios finales de tu GPT abran un canvas mientras chatean con tu GPT.

Compatibilidad de modelos: el canvas no es compatible con GPT-5.5 ni con modelos posteriores. Cuando el canvas esté activado para un Custom GPT, elige un modelo recomendado que sea compatible con canvas. Los modelos que no sean compatibles con canvas no estarán disponibles mientras la capacidad esté activada.

Ten en cuenta que esta capacidad está desactivada para todos los GPTs existentes y activada de forma predeterminada para cualquier GPT nuevo que se cree. Puedes modificarlo en cualquier momento en el constructor de GPT.


Más información sobre el constructor de GPT.

Compartir un canvas con otras personas

Ahora los usuarios pueden compartir un recurso de canvas, como código React/HTML renderizado, un documento o código, con otro usuario, de forma similar a como se comparte una conversación. Puedes hacerlo desde la barra de herramientas de canvas cuando canvas esté abierto.

Descargar tu archivo de canvas

Ahora puedes exportar tus documentos de canvas en varios formatos según el tipo de contenido. Busca el botón Descargar en la esquina superior derecha de tu canvas para probarlo.

Para documentos generales (como ensayos o entradas de blog), canvas permite exportar a los formatos PDF, Markdown (.md) y Word (.docx).

Para canvases basados en código, canvas detecta de forma inteligente el lenguaje y lo exporta con la extensión de archivo adecuada (p. ej., .py, .js, .sql, etc.), conservando el formato y la sintaxis.

Esta función facilita archivar tu trabajo, compartir borradores o seguir editando en herramientas externas.

¿La vista previa de canvas no termina de cargarse durante «Instalando paquetes»?

Algunas vistas previas de JS/HTML en canvas necesitan que el navegador del usuario cargue paquetes externos u otros recursos web antes de poder renderizarse. Si Permitir que el código de canvas acceda a la red está desactivado, o si los controles de red del navegador o de la organización bloquean un dominio externo necesario, es posible que la vista previa no termine de cargarse.

Comprueba si hay errores en la consola del navegador, como Failed to fetch, Refused to connect o errores de Content Security Policy. Si el acceso de red del código de canvas ya está activado, comprueba si los controles del navegador, el proxy, el firewall o el punto de acceso están bloqueando el dominio necesario.

Canvas y seguridad web

Canvas puede previsualizar sitios web y otros contenidos web. El contenido web está necesariamente en línea y tiene la capacidad de comunicarse con terceros que no son OpenAI.

La comunicación que realiza la vista previa web puede ser tan sencilla como usar internet para acceder a una imagen, pero también tan peligrosa como enviar a un tercero información que has introducido o compartido con ChatGPT.

ChatGPT toma la información que proporcionas mientras hablas y la usa para generar respuestas informadas. En algunos casos, como cuando pegas información de internet o cuando se recuperan noticias o resultados de búsqueda, ChatGPT usará otra información para sus respuestas, incluso al generar código con canvas.

Cuando interactúes con la vista previa web de canvas, ChatGPT te pedirá que confirmes las comunicaciones con terceros que OpenAI desconoce. Si confirmas esta comunicación, permitiremos que la vista previa se comunique con ese tercero.