Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time:... show more

Google Gemini App

168,889 subscribers

412,063 views • 1 year ago •via X (Twitter)

Education Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

11 Comments

Google Gemini App1 year ago

Results for illustrative purposes and may vary. Check responses for accuracy. Internet connection required. Create responsibly.

Matt Figdore2 years ago

This is the biggest productivity cheat code right now. Kiss reading documents goodbye. You can get an instant summary of any document with this tool.

frank cayo1 year ago

nice

No Limit Nexus1 year ago

Better late than never. We really need voice integration so we can voice chat with our projects.

OscaR-_-0101 year ago

1It is available on the Google Gemini app.

DALI1 year ago

I like this canvas so much 😍🔥💯

Web3 Dios🐐🚀1 year ago

Can’t wait to try.🙌🏻

Wael BEN MESSAOUD1 year ago

Is this compatible with DeepSearch report?

Kurosh1 year ago

Meh

Jose María Torres Gamez1 year ago

wooow codig goes perfect! thanks

Tomilola Oluwafemi1 year ago

Your copy cat attitude will be the bane of your orgs existence, you need to innovate fast, you can't win in this market.

Related Videos

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

G3mini

63,795 views • 1 year ago

Google Gemini new Canvas feature is super cool and useful! You can now write code and visualize the output too. I just built this Stripe dashboard in a less than 60 seconds here’s how you can use it: - It works only with Gemini 2.0 Flash. - Select Canvas while giving your prompt. - Available for Free tier too. Share below if you’ve built anything!

Google Gemini new Canvas feature is super cool and useful! You can now write code and visualize the output too. I just built this Stripe dashboard in a less than 60 seconds here’s how you can use it: - It works only with Gemini 2.0 Flash. - Select Canvas while giving your prompt. - Available for Free tier too. Share below if you’ve built anything!

AshutoshShrivastava

45,597 views • 1 year ago

We just dropped Gemini 2.5 Pro (I/O edition). It’s our most intelligent model that’s even better at coding. Now, you can build interactive web apps in Canvas with fewer prompts. Head to and select “Canvas” in the prompt bar to try it out, and let us know what you’re building in the comments.

We just dropped Gemini 2.5 Pro (I/O edition). It’s our most intelligent model that’s even better at coding. Now, you can build interactive web apps in Canvas with fewer prompts. Head to and select “Canvas” in the prompt bar to try it out, and let us know what you’re building in the comments.

Google Gemini

470,192 views • 1 year ago

🎨 Introducing Prompt Canvas — a novel UX for prompt engineering Building LLM applications requires new and dedicated tools for prompt engineering. With Prompt Canvas in LangSmith, you can: • Collaborate with an AI agent to draft, refine, and edit your prompts • Define custom quick actions to standardize prompting strategies used across the org ✍️ Learn more: ➡️ Try it out:

🎨 Introducing Prompt Canvas — a novel UX for prompt engineering Building LLM applications requires new and dedicated tools for prompt engineering. With Prompt Canvas in LangSmith, you can: • Collaborate with an AI agent to draft, refine, and edit your prompts • Define custom quick actions to standardize prompting strategies used across the org ✍️ Learn more: ➡️ Try it out:

LangChain

43,733 views • 1 year ago

Introducing canvas—your coding surface in ChatGPT. ✏️ Edit code inline 🐛 Review code and fix bugs 💬 Add logs and comments 🚢 Port to different languages We’ll be adding more to canvas over time. ChatGPT Plus and Team users can try the beta starting today.

Introducing canvas—your coding surface in ChatGPT. ✏️ Edit code inline 🐛 Review code and fix bugs 💬 Add logs and comments 🚢 Port to different languages We’ll be adding more to canvas over time. ChatGPT Plus and Team users can try the beta starting today.

OpenAI Developers

934,386 views • 1 year ago

New short course: Collaborative Writing and Coding with OpenAI Canvas! Explore new ways to write and code with OpenAI Canvas, a user-friendly interface that allows you to brainstorm, draft, and refine text and code in collaboration with ChatGPT. In the short course, created with OpenAI, and taught by , a research lead at OpenAI, you’ll learn to use Canvas to enhance your workflows. Canvas lets you go beyond simple chat interactions. It provides a side-by-side workspace where you and ChatGPT can edit and refine text or code collaboratively. This makes brainstorming, drafting, and iterating as you write feel more natural and effective. As the first major update to ChatGPT’s visual interface since its launch in 2022, Canvas gives a new, innovative approach to collaboration with AI. For instance, after writing the first version of your code, Canvas can review it and give suggestions for improvement. It can also help with debugging by adding logging, identifying problems to fix, and writing comments. In addition, you'll also learn what it takes to train the model for an interface like Canvas. In this video-only short course, you’ll: - Learn how to ask for in-line feedback and control the iteration of your work by directly editing selected areas of your text or code from the model’s output. - Learn how to access quick automation tools in a shortcut menu that allows you to modify your writing tone and length, enhance your code, and restore previous versions of your work. - Learn how to use Canvas as a research assistant tool with an example of asking the model to reason through the screenshot of a plot to write a research report, in which you can ask questions within the created report. - Ask the model to write Python code to replicate the graph seen on a screenshot image. - Go behind the scenes of how you can create a video game, such as Space Battleship, from scratch, edit it, and display it in one self-contained HTML file. - Get a real-world application example of creating a SQL database from the image of its architecture. - Understand the model training and design processes that power Canvas! Please sign up here:

New short course: Collaborative Writing and Coding with OpenAI Canvas! Explore new ways to write and code with OpenAI Canvas, a user-friendly interface that allows you to brainstorm, draft, and refine text and code in collaboration with ChatGPT. In the short course, created with OpenAI, and taught by , a research lead at OpenAI, you’ll learn to use Canvas to enhance your workflows. Canvas lets you go beyond simple chat interactions. It provides a side-by-side workspace where you and ChatGPT can edit and refine text or code collaboratively. This makes brainstorming, drafting, and iterating as you write feel more natural and effective. As the first major update to ChatGPT’s visual interface since its launch in 2022, Canvas gives a new, innovative approach to collaboration with AI. For instance, after writing the first version of your code, Canvas can review it and give suggestions for improvement. It can also help with debugging by adding logging, identifying problems to fix, and writing comments. In addition, you'll also learn what it takes to train the model for an interface like Canvas. In this video-only short course, you’ll: - Learn how to ask for in-line feedback and control the iteration of your work by directly editing selected areas of your text or code from the model’s output. - Learn how to access quick automation tools in a shortcut menu that allows you to modify your writing tone and length, enhance your code, and restore previous versions of your work. - Learn how to use Canvas as a research assistant tool with an example of asking the model to reason through the screenshot of a plot to write a research report, in which you can ask questions within the created report. - Ask the model to write Python code to replicate the graph seen on a screenshot image. - Go behind the scenes of how you can create a video game, such as Space Battleship, from scratch, edit it, and display it in one self-contained HTML file. - Get a real-world application example of creating a SQL database from the image of its architecture. - Understand the model training and design processes that power Canvas! Please sign up here:

Andrew Ng

128,085 views • 1 year ago

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,415 views • 3 months ago

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Pietro Schirano

117,736 views • 7 months ago

Code Blocks in ChatGPT got more interactive. Write, edit, and preview your code, all in one place: • Create and preview diagrams and mini apps in chat • Review code in split-screen views • Make changes in full-screen view We’d love to see what you’ll build.

Code Blocks in ChatGPT got more interactive. Write, edit, and preview your code, all in one place: • Create and preview diagrams and mini apps in chat • Review code in split-screen views • Make changes in full-screen view We’d love to see what you’ll build.

OpenAI Developers

426,470 views • 3 months ago

CODE EXECUTION IN CANVAS🎨 Canvas becomes an automated SWE and a data scientist. Search for API docs, ask the model to write code and execute, get the plot!

CODE EXECUTION IN CANVAS🎨 Canvas becomes an automated SWE and a data scientist. Search for API docs, ask the model to write code and execute, get the plot!

Karina Nguyen

46,579 views • 1 year ago

For the first time we are fundamentally changing how humans can collaborate with ChatGPT since it launched two years ago. We’re introducing canvas, a new interface for working with ChatGPT on writing and coding projects that go beyond simple chat. Product and model features: 1/ Ask for in-line feedback. With canvas, ChatGPT can better understand the context of what you’re trying to accomplish. You can highlight specific sections to indicate exactly what you want ChatGPT to focus on. Like a copy editor or code reviewer, it can give in-line feedback and suggestions with the entire project in mind. 2/ Directly edit the model's output and select a specific area for targeted editing. You control your creative work on canvas. You can directly edit text or code. 3/ Menu of shortcuts. There’s a menu of shortcuts for you to ask ChatGPT to adjust writing length, debug your code, and quickly perform other useful actions. You can also restore previous versions of your work by using the back button in canvas. 4/ Use search with canvas for research writing! As we are moving towards the new paradigm of reasoning we are fundamentally evolving the chat interface into a more collaborative human-AI interaction. Today you can say “browse / use browsing to find XYZ on the internet and write a report in canvas”

For the first time we are fundamentally changing how humans can collaborate with ChatGPT since it launched two years ago. We’re introducing canvas, a new interface for working with ChatGPT on writing and coding projects that go beyond simple chat. Product and model features: 1/ Ask for in-line feedback. With canvas, ChatGPT can better understand the context of what you’re trying to accomplish. You can highlight specific sections to indicate exactly what you want ChatGPT to focus on. Like a copy editor or code reviewer, it can give in-line feedback and suggestions with the entire project in mind. 2/ Directly edit the model's output and select a specific area for targeted editing. You control your creative work on canvas. You can directly edit text or code. 3/ Menu of shortcuts. There’s a menu of shortcuts for you to ask ChatGPT to adjust writing length, debug your code, and quickly perform other useful actions. You can also restore previous versions of your work by using the back button in canvas. 4/ Use search with canvas for research writing! As we are moving towards the new paradigm of reasoning we are fundamentally evolving the chat interface into a more collaborative human-AI interaction. Today you can say “browse / use browsing to find XYZ on the internet and write a report in canvas”

Karina

845,439 views • 1 year ago

🎨 Students, coders, professionals – our new Canvas feature is for everyone! 🎨 From documents to code, the Google Gemini App helps you create with confidence and bring your ideas to life. 👉

🎨 Students, coders, professionals – our new Canvas feature is for everyone! 🎨 From documents to code, the Google Gemini App helps you create with confidence and bring your ideas to life. 👉

Google Workspace

19,178 views • 1 year ago

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

486,830 views • 2 months ago

I've always liked the infinite canvas as an exploration medium, but I could never get into Figma because I'm faster at designing in code So this weekend I made an app that combines canvas with code editor - write React, and it appears in the canvas

I've always liked the infinite canvas as an exploration medium, but I could never get into Figma because I'm faster at designing in code So this weekend I made an app that combines canvas with code editor - write React, and it appears in the canvas

nanda

77,822 views • 1 month ago

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

OpenAI Developers

926,981 views • 1 year ago

Designers, developers, and creators, this changes everything With Hatch, you're not just making visuals. You're building entire websites, games, presentations, and UI prototypes right in your browser, and completely FREE! Build entire interactive experiences without touching code or setting up a backend, all on one CANVAS. Step-by-step tutorial + link below 👇🏻

Designers, developers, and creators, this changes everything With Hatch, you're not just making visuals. You're building entire websites, games, presentations, and UI prototypes right in your browser, and completely FREE! Build entire interactive experiences without touching code or setting up a backend, all on one CANVAS. Step-by-step tutorial + link below 👇🏻

Amira Zairi

17,632 views • 1 year ago

We're also launching a preview of Artifacts on You can ask Claude to generate docs, code, mermaid diagrams, vector graphics, or even simple games. Artifacts appear next to your chat, letting you see, iterate, and build on your creations in real-time.

We're also launching a preview of Artifacts on You can ask Claude to generate docs, code, mermaid diagrams, vector graphics, or even simple games. Artifacts appear next to your chat, letting you see, iterate, and build on your creations in real-time.

Anthropic

588,212 views • 1 year ago

you can now use o1 to code in chatgpt canvas, and it renders html and react apps used it to quickly build a windows 95 sim! iterated on it within chatgpt—adding minesweeper, notepad files that can be saved and edited, even pointer traillssssss

you can now use o1 to code in chatgpt canvas, and it renders html and react apps used it to quickly build a windows 95 sim! iterated on it within chatgpt—adding minesweeper, notepad files that can be saved and edited, even pointer traillssssss

edwin

326,099 views • 1 year ago

Your entire creative workflow just collapsed into one infinite canvas. In Grok Imagine Agent Mode, you can brainstorm, write, generate and edit images, then turn them into videos without leaving the page. Try it at on desktop.

Your entire creative workflow just collapsed into one infinite canvas. In Grok Imagine Agent Mode, you can brainstorm, write, generate and edit images, then turn them into videos without leaving the page. Try it at on desktop.

Grok Imagine

72,502,160 views • 1 month ago

Your canvas just got a powerful new instrument: the Creative Code node. Write, prompt, and generate embeddable sketches—right inside your Fuser workflow. Use Three.js, p5.js, and HTML5 to build interactive visuals, 3D scenes, animations, and more. Describe what you want, and watch it come to life. Then dig into the code if you want to go deeper.

Your canvas just got a powerful new instrument: the Creative Code node. Write, prompt, and generate embeddable sketches—right inside your Fuser workflow. Use Three.js, p5.js, and HTML5 to build interactive visuals, 3D scenes, animations, and more. Describe what you want, and watch it come to life. Then dig into the code if you want to go deeper.

Fuser

101,731 views • 2 months ago