OpenAI
Esta página foi traduzida automaticamente. Veja o artigo original em inglês.

O que é o recurso canvas no ChatGPT e como usá-lo?

Perguntas comuns sobre como usar o recurso canvas no ChatGPT

Atualizado: 16 hours ago

Observe que o canvas está disponível na Web, Windows e macOS. Em breve nas plataformas móveis (iOS, Android, web móvel).

Canvas é uma nova interface para trabalhar com o ChatGPT em projetos de escrita e programação que exigem edição e revisões.

Com o canvas, o ChatGPT consegue entender melhor o contexto do que você está tentando fazer. Você pode destacar seções específicas para indicar exatamente no que quer que o ChatGPT foque. Ele também pode fornecer feedback e sugestões diretamente no texto, considerando o projeto inteiro.

Você controla o projeto no canvas. Você pode editar diretamente texto ou código. Você pode usar os atalhos para pedir ao ChatGPT que ajuste o tamanho do texto, depure seu código e execute rapidamente outras ações úteis. Você também pode restaurar versões anteriores do seu trabalho usando o botão de voltar no canvas.

Observe que o Canvas não está disponível com modelos da série Pro.

Como funciona a renderização de React/HTML?

O código React/HTML é renderizado em um ambiente de sandbox, permitindo que você visualize a saída do código. Todos os pacotes npm e muitas bibliotecas JavaScript funcionam.

Alternadores de execução de código do Canvas e acesso à rede

Observe que a execução de código e a renderização de React/HTML podem resultar em solicitações de rede externas. Admins do workspace Enterprise podem controlar se a execução de código no canvas fica disponível para usuários no workspace, junto com os comportamentos padrão de acesso à rede. Por padrão, canvas code execution fica ativado enquanto Allow canvas code to access the network fica desativado em workspaces Enterprise, mas esses alternadores podem ser configurados nas Configurações de administrador do seu workspace.

Image

Acessando o canvas no ChatGPT

O ChatGPT pode abrir um canvas quando entende o que você está tentando fazer. Por exemplo, você pode pedir ao ChatGPT para gerar um texto (ex.: "vamos escrever um ensaio longo sobre por que um morango é um pseudocarpo") ou escrever um rascunho de código para você (ex.: “escreva um servidor web em Python”) e ele responderá com um canvas. Em geral, você pode esperar que o ChatGPT abra um canvas automaticamente quando o ChatGPT gerar conteúdo com mais de 10 linhas ou detectar um cenário em que seria útil ter uma interface para escrita ou código. Além disso, você pode incluir “use canvas…” no seu prompt para pedir ao ChatGPT que abra o canvas.

Respostas com canvas abrirão automaticamente uma janela do lado direito que contém o conteúdo solicitado.

Você também pode começar com um canvas em branco com o ChatGPT na Web dizendo coisas como “abra um canvas” ou “abra um canvas de programação”. Com um canvas em branco, você pode trabalhar em um projeto existente colando-o no canvas em branco, ou simplesmente digitando no canvas.

Você também pode colar conteúdo no ChatGPT e abri-lo instantaneamente no canvas por meio de um atalho no canto superior direito do composer.

ChatGPT composer with the Open in canvas button highlighted

Além disso, a caixa de ferramentas no composer de prompt também permite que você peça ao ChatGPT para criar um novo canvas no seu prompt. Isso também pode ser acionado digitando uma barra (“/”) e, em seguida, usando o comando “canvas”.

ChatGPT composer with the tools menu open, including the Canvas option

Editando seu projeto com o canvas

Você pode fazer edições com o canvas simplesmente pedindo por elas no chat. Além disso, você pode selecionar parte do conteúdo destacando o texto ou usar o ícone de comentário em bloco para selecionar um bloco de parágrafo inteiro. Isso abrirá um campo em que você pode orientar o que explicar ou editar na seção selecionada.

Canvas text selected with a comment icon to add feedback

Você também pode editar diretamente o conteúdo do canvas clicando no canvas e digitando. Observe que apenas opções básicas de formatação em markdown são compatíveis, incluindo negrito, itálico, cabeçalhos, marcadores e listas numeradas. No momento, não oferecemos opções de formatação mais avançadas no canvas.

Você pode receber sugestões de comentários direcionadas do ChatGPT simplesmente selecionando os atalhos Sugerir edições ou Revisar código. Ao clicar no balão de comentário, você pode ver a sugestão específica fornecida pelo ChatGPT. Você pode editar diretamente o item sinalizado e fechar o comentário, ou selecionar Aplicar para que o ChatGPT gere automaticamente conteúdo para resolver o comentário.

Canvas suggestion card in ChatGPT offering an edit and Apply button beside highlighted text

Ao trabalhar em uma tarefa de escrita, você também tem a opção de destacar partes específicas do seu texto ou código e pedir ao ChatGPT para solicitar edições nessa seção ou fazer uma pergunta sobre ela. As opções de formatação também podem ser acessadas ao destacar um trecho de texto. Há suporte a formatação básica em markdown, incluindo negrito, itálico, cabeçalhos, marcadores e listas numeradas. No momento, não oferecemos opções de formatação mais avançadas no canvas.

ChatGPT canvas text selected with inline tools for Ask ChatGPT, bold, italic, and formatting

Atalhos no canvas para escrita e programação

O Canvas com o ChatGPT oferece acesso a um conjunto de atalhos de escrita que permitem pedir edições sugeridas, ajustar o tamanho da saída, atualizar o nível de leitura pretendido e adicionar emojis ou um toque final ao seu texto. Para encontrar esses atalhos, passe o mouse sobre o menu de atalhos no canto inferior direito da página.

ChatGPT canvas toolbar with Suggest edits selected

Para documentos de escrita, você pode usar os seguintes atalhos:

  • Sugerir edições: o ChatGPT adicionará sugestões inline para melhorar sua escrita.

  • Ajustar o tamanho: reduz ou amplia o tamanho do seu documento.

  • Alterar nível de leitura: ajusta o nível de leitura do Jardim de infância até a Pós-graduação.

  • Dar o toque final: verifica gramática, clareza e consistência.

  • Adicionar emojis: substitui palavras por emojis ou os adiciona para dar mais ênfase e cor.

Para programação, você pode usar os seguintes atalhos:

  • Adicionar logs: insere instruções de print para ajudar na depuração e no rastreamento da execução.

  • Adicionar comentários: adiciona comentários para explicar o código e melhorar a legibilidade.

  • Corrigir bugs: detecta e reescreve código problemático para resolver erros.

  • Converter para uma linguagem: traduz seu código para linguagens como JavaScript, Python, Java, TypeScript, C++ ou PHP.

  • Revisão de código: fornece sugestões inline para otimizar e melhorar seu código.

Alguns atalhos atualizarão imediatamente o conteúdo do seu projeto, como Adicionar emojis, Dar o toque final, Corrigir bugs e Converter para uma linguagem.

ChatGPT canvas open to a draft titled Strawberry Pseudocarp with editing controls in the header

Outros atalhos podem ser ajustados com um controle deslizante. Por exemplo, o atalho Ajustar o tamanho dá flexibilidade para selecionar opções do mais curto ao mais longo. O atalho Nível de leitura permite ajustar o nível de leitura do Jardim de infância até a Pós-graduação.

Image

Histórico de versões e mostrar alterações

Você pode navegar pelas versões do seu documento ou código no canvas usando o histórico de versões por meio das setas na barra de ferramentas superior. Isso permite ver versões anteriores e também restaurá-las, se desejar. Você também pode copiar o conteúdo do seu projeto selecionando o botão de copiar.

Canvas toolbar undo button tooltip labeled Previous version

Além disso, você pode ver as alterações entre versões do canvas usando o botão Mostrar alterações na barra de ferramentas superior. Isso exibirá adições e exclusões tanto para documentos quanto para código.

Canvas editing an email draft with suggested text replacing a selected paragraph

Executando código Python com o canvas

Você pode executar arquivos do canvas com código Python diretamente no seu navegador enquanto estiver usando o canvas selecionando o botão Executar no seu canvas. Ao executar código Python, a saída aparecerá no console na parte inferior da tela. Quando surgirem erros no console, o ChatGPT fornecerá uma sugestão sobre o erro — clique no botão Corrigir bug para que o ChatGPT tente corrigi-lo para você!

Canvas code editor with ChatGPT suggesting a fix for a Fibonacci function exception

Esse recurso atualmente está disponível apenas para código Python, mas planejamos estender o acesso a outras linguagens de programação no futuro.

Habilitando o canvas para seu GPT

O Canvas agora funciona com GPTs. Você pode habilitar o acesso ao canvas para GPTs ativando a capacidade de canvas no GPT Builder. Isso permite que os usuários finais do seu GPT abram um canvas enquanto conversam com o seu GPT.

Capabilities menu with Canvas selected

Observe que essa capacidade fica desativada para todos os GPTs existentes e ativada por padrão para quaisquer GPTs recém-criados. Você pode modificar isso a qualquer momento no GPT Builder.

Saiba mais sobre o GPT Builder.

Compartilhar um canvas com outras pessoas

O compartilhamento de um canvas está disponível para todos os planos, incluindo Free, Plus, Pro, Team, Enterprise e Edu.

Agora os usuários podem compartilhar um ativo do canvas, como código React/HTML renderizado, documento ou código com outro usuário, de forma semelhante a como você compartilha uma conversa. Você pode fazer isso pela barra de ferramentas do canvas quando o canvas estiver aberto.

ChatGPT canvas open with a coding project preview reading SHARING NOW AVAILABLE

Baixando seu arquivo do canvas

Agora você pode exportar seus documentos do canvas em vários formatos, dependendo do tipo de conteúdo. Procure o botão Baixar no canto superior direito do seu canvas para testar.

Para documentos gerais (como redações ou posts de blog), o canvas oferece suporte à exportação para os formatos PDF, Markdown (.md) e Word (.docx).

Para canvases baseados em código, o canvas detecta a linguagem de forma inteligente e exporta com a extensão de arquivo adequada (por exemplo, .py, .js, .sql etc.), preservando a formatação e a sintaxe.

Esse recurso facilita arquivar seu trabalho, compartilhar rascunhos ou continuar editando em ferramentas externas.

Canvas e segurança na web

O Canvas pode pré-visualizar sites e outros conteúdos da web. O conteúdo da web, por natureza, está online e tem a capacidade de se comunicar com terceiros que não são a OpenAI.

A comunicação que a prévia da web faz pode ser tão simples quanto usar a internet para acessar uma imagem — mas também pode ser tão perigosa quanto enviar informações que você inseriu ou compartilhou com o ChatGPT para um terceiro.

O ChatGPT considera as informações que você fornece durante a conversa e as usa para dar respostas mais informadas. Em alguns casos, como quando você cola informações da internet ou quando notícias ou resultados de busca são recuperados, o ChatGPT usará outras informações para suas respostas, inclusive na geração de código com o canvas.

Quando você interage com a prévia da web no canvas, o ChatGPT pedirá que você confirme comunicações com terceiros que a OpenAI não conhece. Se você confirmar essa comunicação, permitimos que a prévia se comunique com esse terceiro.

Este artigo foi útil?