ChatGPT Canvas: OpenAI's New Interface for Writing and Coding

--- type: transcript date: 2024-10-03 youtube_id: nMoVVdlNdRE --- # Transcript: ChatGPT Canvas: OpenAI's New Interface for Writing and Coding in this video I'm going to be showing you canvas which is a new interface within chat GPD for both writing as well as coding projects the way Canvas Works is it will open up a separate window and it will allow you to collaborate with chat GPT on a project as you see here within the demo you'll be able to get suggestions and then you can integrate those suggestions directly within a working piece of copy now all of a sudden we have something that goes beyond chat and you can actually interact with whether it's the document or the coding project object that you're working within this is very similar to something like artifacts but it goes a step further where now you'll be able to interact with that piece of text and be able to use it as if it were a document they mentioned within the blog post that they released with this that people use chat GPT every day for helping with whether it's writing code or for writing documents themselves but the chat interface is often limited when you especially want to work on projects that require editing and revisions you'd often have to copy and paste code from chat PT to your code editor what's interesting with this is it goes beyond just putting the code on the right hand pane for you you can actually select the piece of code ask with natural language for the change that you want and have the edits apply now you have the ability right within chat jpt to have similar tools that you have within things like GitHub co-pilot or cursor where you can use a command such as command k type with the natural language what you like to see as a change and then you will see those updates applied within the scripts streaming out just like you saw there in addition to that you also have the ability to just with one click be able to add things like a code review port to a new language fix bugs add logs or add comments here's just a quick example of this where if you just click the suggestion from chat GPT it notices a security vulnerability and with one click you're able to apply that change and then it gives with natural language the response on the left hand side there I think this is definitely going to draw a lot of people back in to chat GPT that might have left to use something like the CLA interface with clae 3.5 Sonet cuz now you have a much more ergonomic way to interact with code and not just have to continually ask and wait for the chat completion at a glance it looks like it's taking a little bit from the artifacts feature that Claud has as well as some features that are popular within tools like GitHub copilot as well as cursor all right so now let's quickly go through the blog post so they mentioned here that we've uce canvas a new interface for working with chat GPT on writing and coding projects that go beyond simple chat canvas opens up in a separate window allowing you and chat GPT to collaborate together on a project this is a early beta and introduces a new way of working together not just through conversation but by creating and refining ideas side by side they mentioned that it's going to be rolling out to chat gpg plus and team members today and Enterprise and educational users next week they also mentioned that they do plan to make canvas available to all chat GPT free users when it's out of the beta period so here they go over a little bit about just what I showed you about the shortcuts of being able to review particular sections the way that this works is automatically when chat GPT detects a scenario in which it could be helpful to have the capability to use the canvas feature some of the shortcuts that are available for the writing view include suggest edit adjust the length change reading level add final polish add emojis you'll have the ability to upload a document and then this is an example of how it works you can highlight the piece of text you can ask for it to be more creative and then it will give you that response back and then just like you see in the example here there's also that human intervention this doesn't really seem to be presented in a way where it's just trying to do everything for you in one shot it's really built for collaboration between both you and the chat GPT models I briefly touched on this earlier you have the ability to review code ad logs comments fix bugs or Port from one language to another you can transl your code into JavaScript typescript python Java C++ or PHP a bit about how they built this they mentioned that they trained gp4 to collaborate as a creative partner the model knows when to open the canvas mid targeted edits it understands the broader context and provides precise feedback and suggestions another interesting aspect of this is the way that they trained this model was through distilling outputs from the new 01 preview model effectively it used that larger Frontier reasoning model to train this GPT 40 model that now has this Behavior where where you'll be able to have this canvas that you can interact with directly within the browser they went in the techniques on how they taught the model to train on when to trigger the canvas if you're interested you can read into that a little bit more I'll put the link to this within the description of the video now in terms of what's next they mentioned that canvas is the first major UI update to chat gpt's visual interface the key takeaway here is that canvas is in early beta and they plan to rapidly improve its capabilities it looks like right now it doesn't have the ability to render UI components like you can within claud's artifacts or something like vel's v0 I'd imagine that is probably a part of what's likely coming down the pike of being able to create these UI components as well in addition to creating this logic I wouldn't be surprised if eventually you're able to actually deploy little applications like this like we've seen on services like repet or others now at time of recording I don't yet have access to the new canvas capability if you are a plus or team member I'd encourage you to check the model selector here and see if you have it available but it should be available over the coming days as soon as I have access to it I'll make another video reviewing it showing you some potential tips or tricks if I'm able to come across any but otherwise that's it for this video if you found this video useful please comment share and subscribe otherwise until the next one