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.

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

232,823 subscribers

184,057 views • 3 months ago •via X (Twitter)

Arts Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Have you tried the Replit Design Canvas yet? 👀 1. Generate multiple design variants 2. Convert your design into app 3. Fine tune designs with design controls 4. Sketch your idea & make it real 5. Collaborate with your team on designs

Have you tried the Replit Design Canvas yet? 👀 1. Generate multiple design variants 2. Convert your design into app 3. Fine tune designs with design controls 4. Sketch your idea & make it real 5. Collaborate with your team on designs

Replit ⠕

54,600 views • 3 months ago

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Google Cloud

16,662,462 views • 1 month ago

Agent v2 streams UI design 😱

Agent v2 streams UI design 😱

Amjad Masad

144,294 views • 1 year ago

You might’ve seen me this week on your Replit ⠕ Design Canvas 👋 It’s an infinite canvas where you can explore ideas, generate design variations, and tweak mockups... without accidentally breaking your real app! If you haven’t tried it yet… this is your sign 🤩

You might’ve seen me this week on your Replit ⠕ Design Canvas 👋 It’s an infinite canvas where you can explore ideas, generate design variations, and tweak mockups... without accidentally breaking your real app! If you haven’t tried it yet… this is your sign 🤩

sarah li

22,708 views • 3 months 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

487,548 views • 3 months ago

For the first time, you can vibe-code any AI agent. Meet — Computer Human AI by Langbase ☕ 🔹Prompt: "make an agent that…" 🔹Sip: chai builds any AI agent 🔹Ship: every agent gets a UI 🤯 Like your on-demand AI Engineer. What will you s(h)ip today?

For the first time, you can vibe-code any AI agent. Meet — Computer Human AI by Langbase ☕ 🔹Prompt: "make an agent that…" 🔹Sip: chai builds any AI agent 🔹Ship: every agent gets a UI 🤯 Like your on-demand AI Engineer. What will you s(h)ip today?

Ahmad Awais

149,154 views • 1 year ago

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design

466,248 views • 1 month ago

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,115 views • 1 year ago

design skills don’t matter anymore google's vibe design agent can talk, watch your designs on canvas in realtime.. tell you why its bad and edit for you

design skills don’t matter anymore google's vibe design agent can talk, watch your designs on canvas in realtime.. tell you why its bad and edit for you

el.cine

81,191 views • 3 months ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,681 views • 4 months ago

How to design your own agents with Grok? Go to Settings -> Customize ->Create Agent You can create multiple agents.

How to design your own agents with Grok? Go to Settings -> Customize ->Create Agent You can create multiple agents.

DogeDesigner

127,199 views • 3 months ago

We’re bringing Gemini’s agentic capabilities directly into Google Flow. Until today, Google Flow could only take on one prompt at a time. Now with the new agent in Google Flow, your agent can take multiple actions, all at once. The agent can also handle large-scale edits with precise contextual understanding. #GoogleIO

We’re bringing Gemini’s agentic capabilities directly into Google Flow. Until today, Google Flow could only take on one prompt at a time. Now with the new agent in Google Flow, your agent can take multiple actions, all at once. The agent can also handle large-scale edits with precise contextual understanding. #GoogleIO

Google

57,997 views • 1 month ago

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Atai Barkai

11,997 views • 5 months 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,470 views • 4 months ago

Lucid Agent UI update with Canvas editor. Can easily manage your agent fleet, quick view tasks, set guardrails, manage health. Swap features also updated for precision with Lucid Oracle.

Lucid Agent UI update with Canvas editor. Can easily manage your agent fleet, quick view tasks, set guardrails, manage health. Swap features also updated for precision with Lucid Oracle.

Lucid - Internet of AI (IoAI)

143,463 views • 3 months ago

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works

Figma

914,803 views • 1 month ago

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Shrey Pandya

57,480 views • 3 months ago

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 views • 9 months ago

Paraflow is the next-generation Product Design Agent. It turns ideas into well-defined product design specs like a pro, all within one infinite canvas. Dream it. Design it. Build it with Paraflow 👉

Paraflow is the next-generation Product Design Agent. It turns ideas into well-defined product design specs like a pro, all within one infinite canvas. Dream it. Design it. Build it with Paraflow 👉

Paraflow

315,745 views • 9 months ago

FlutterFlow Designer (beta) is live, with Voice Mode, agent integration, upgraded intelligence, and more. generate UI from a prompt, then actually design it on a canvas. no waiting. it’s early. try it. break it.

FlutterFlow Designer (beta) is live, with Voice Mode, agent integration, upgraded intelligence, and more. generate UI from a prompt, then actually design it on a canvas. no waiting. it’s early. try it. break it.

Abel Mengistu

13,810 views • 3 months ago