正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

11 条评论

Google Gemini App 的头像

Google Gemini App1 年前

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

Matt Figdore 的头像

Matt Figdore2 年前

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 cayo 的头像

frank cayo1 年前

nice

No Limit Nexus 的头像

No Limit Nexus1 年前

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

OscaR-_-010 的头像

OscaR-_-0101 年前

1It is available on the Google Gemini app.

DALI 的头像

DALI1 年前

I like this canvas so much 😍🔥💯

Web3 Dios🐐🚀 的头像

Web3 Dios🐐🚀1 年前

Can’t wait to try.🙌🏻

Wael BEN MESSAOUD 的头像

Wael BEN MESSAOUD1 年前

Is this compatible with DeepSearch report?

Kurosh 的头像

Kurosh1 年前

Meh

Jose María Torres Gamez 的头像

Jose María Torres Gamez1 年前

wooow codig goes perfect! thanks

Tomilola Oluwafemi 的头像

Tomilola Oluwafemi1 年前

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

相关视频

👋 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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

🎨 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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 3 个月前

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 次观看 • 7 个月前

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 次观看 • 3 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

🎨 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 次观看 • 1 年前

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 次观看 • 2 个月前

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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 个月前

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 次观看 • 2 个月前