Observe que o Canvas está disponível na Web, Windows e MacOS. Em breve nas plataformas móveis (iOS, Android, web móvel).
O 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 realizar. Você pode destacar seções específicas para indicar exatamente no que deseja que o ChatGPT se concentre. Ele também pode fornecer feedback e sugestões em linha considerando todo o projeto.
Você controla o projeto no Canvas. Você pode editar texto ou código diretamente. Você pode usar os atalhos para fazer o ChatGPT ajustar o tamanho da escrita, depurar seu código e realizar 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?
Código React/HTML é renderizado em um ambiente sandbox, permitindo que você veja a saída do código. Muitos pacotes npm e bibliotecas JavaScript funcionarão, mas pré-visualizações que precisam carregar pacotes externos ou recursos web podem depender das configurações de acesso à rede do Canvas no seu workspace.
Controles de execução de código e acesso à rede do Canvas
Observe que a execução de código e a renderização de React/HTML podem resultar em solicitações de rede externas. Administradores de workspaces Enterprise podem controlar se a execução de código do Canvas estará disponível para usuários no workspace, junto com os comportamentos padrão de acesso à rede. Por padrão, a execução de código do Canvas fica ativada, enquanto Permitir que o código do Canvas acesse a rede fica desativado para workspaces Enterprise, mas esses controles podem ser configurados nas Configurações de administrador do seu workspace.
Acessando o Canvas no ChatGPT
O ChatGPT pode abrir um Canvas quando entender o que você está tentando realizar. Por exemplo, você pode pedir ao ChatGPT para gerar um texto (ex.: “vamos escrever um ensaio longo sobre por que o morango é um pseudocarpo”) ou criar 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 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 o Canvas…” no seu prompt para pedir ao ChatGPT que abra o Canvas.
Respostas com Canvas abrirão automaticamente uma janela no lado direito contendo 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 compositor.
Além disso, a caixa de ferramentas no compositor de prompt também permite pedir ao ChatGPT que crie um novo Canvas no seu prompt. Isso também pode ser acionado digitando uma barra invertida (“/”) e usando o comando “canvas”.
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 de bloco para selecionar um bloco de parágrafo inteiro. Isso abrirá uma entrada onde você pode fornecer orientações sobre o que explicar ou editar na seção selecionada.
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, títulos, 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.
Ao trabalhar em uma tarefa de escrita, você também tem a opção de destacar partes específicas do texto ou código e pedir ao ChatGPT que solicite edições nessa seção ou faça uma pergunta sobre ela. As opções de formatação também podem ser acessadas destacando um trecho de texto. A formatação básica em markdown é compatível, incluindo negrito, itálico, títulos, marcadores e listas numeradas. No momento, não oferecemos opções de formatação mais avançadas no Canvas.
Atalhos no Canvas para escrita e programação
O Canvas com ChatGPT dá 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 acabamento final ao seu texto. Para encontrar esses atalhos, passe o cursor sobre o menu de atalhos no canto inferior direito da página.
Para documentos de escrita, você pode usar os seguintes atalhos:
Sugerir edições: o ChatGPT adicionará sugestões em linha para melhorar sua escrita.
Ajustar o comprimento: encurta ou aumenta o tamanho do seu documento.
Alterar nível de leitura: ajusta o nível de leitura do jardim de infância à pós-graduação.
Adicionar acabamento 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 impressão para ajudar na depuração e no acompanhamento 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.
Portar 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 em linha para otimizar e melhorar seu código.
Alguns atalhos atualizarão imediatamente o conteúdo do seu projeto, como Adicionar emojis, Adicionar acabamento final, Corrigir bugs e Portar para uma linguagem.
Outros atalhos podem ser ajustados com um controle deslizante. Por exemplo, o atalho Ajustar o comprimento oferece a flexibilidade de selecionar opções entre o tamanho Mais curto e Mais longo. O atalho Nível de leitura permite ajustar o nível de leitura do jardim de infância à pós-graduação.
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 restaurá-las, se desejar. Você também pode copiar o conteúdo do seu projeto selecionando o botão de copiar.
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 mostrará adições e exclusões tanto em documentos quanto em código.
Executando código Python com o Canvas
Você pode executar arquivos de código Python no Canvas diretamente no navegador ao usar 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 erros aparecerem 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ê!
No momento, esse recurso está disponível apenas para código Python, mas planejamos ampliar 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 Canvas no GPT Builder. Isso permite que os usuários finais do seu GPT abram um Canvas enquanto conversam com seu GPT.
Observe que essa capacidade fica desativada para todos os GPTs existentes e ativada por padrão para qualquer GPT recém-criado. Você pode modificar isso a qualquer momento no GPT Builder.
Saiba mais sobre o GPT Builder.
Compartilhando 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 modo semelhante a como você compartilha uma conversa. Você pode fazer isso pela barra de ferramentas do Canvas quando ele estiver aberto.
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 experimentar.
Para documentos gerais (como ensaios 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 na extensão de arquivo apropriada (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.
A pré-visualização do Canvas não termina de carregar durante “Instalando pacotes”?
Algumas pré-visualizações de Canvas JS/HTML precisam que o navegador do usuário carregue pacotes externos ou outros recursos web antes que possam renderizar. Se Permitir que o código do Canvas acesse a rede estiver desativado, ou se controles de rede do navegador ou da organização bloquearem um domínio externo necessário, a pré-visualização pode não terminar de carregar.
Verifique se há erros no console do navegador, como Failed to fetch, Refused to connect ou erros de Content Security Policy. Se o acesso à rede do código do Canvas já estiver habilitado, verifique se controles do navegador, proxy, firewall ou endpoint estão bloqueando o domínio necessário.
Canvas e segurança na web
O Canvas pode pré-visualizar sites e outros conteúdos web. Conteúdo web necessariamente fica online e tem a capacidade de se comunicar com terceiros que não são a OpenAI.
A comunicação feita pela pré-visualização web 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 usa as informações que você fornece durante a conversa para gerar respostas informadas. Em alguns casos, como quando você cola informações da internet ou quando notícias ou resultados de pesquisa são recuperados, o ChatGPT usará outras informações em suas respostas, inclusive na geração de código com o Canvas.
Quando você interage com a pré-visualização web do Canvas, o ChatGPT pedirá que você confirme comunicações com terceiros sobre os quais a OpenAI não tem conhecimento. Se você confirmar essa comunicação, permitiremos que a pré-visualização se comunique com esse terceiro.