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.

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 ⠕

232,591 subscribers

54,600 views • 4 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

🎨 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.

🎨 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 ⠕

184,057 views • 4 months 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 • 4 months ago

Have you tried the new Replit Canvas? - Create beautiful UI designs with AI - Generate assets with GPT-Image 2 & Seedance - Turn your designs into launch-ready apps in minutes

Have you tried the new Replit Canvas? - Create beautiful UI designs with AI - Generate assets with GPT-Image 2 & Seedance - Turn your designs into launch-ready apps in minutes

Replit ⠕

14,500 views • 1 month ago

Make Stitch designs real with AI Studio From design to a live app in under 60 seconds. Here's how you can now take your Stitch designs and make them real with Google AI Studio: 1. Design in Stitch. 2. Export the HTML. 3. Prompt AI Studio to convert it into a working app. And the best part? This is the manual way. We're working on making this a 1-click experience. Consider this the warm-up.👟

Make Stitch designs real with AI Studio From design to a live app in under 60 seconds. Here's how you can now take your Stitch designs and make them real with Google AI Studio: 1. Design in Stitch. 2. Export the HTML. 3. Prompt AI Studio to convert it into a working app. And the best part? This is the manual way. We're working on making this a 1-click experience. Consider this the warm-up.👟

Stitch by Google

41,584 views • 9 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 1 month ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

30,370 views • 5 months 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 • 4 months ago

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Figma

38,561 views • 7 days ago

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Tom Krcha

1,497,900 views • 6 months ago

Today we’re launching an experimental Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.

Today we’re launching an experimental Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.

Replit ⠕

524,480 views • 2 years ago

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Brian Casel

50,135 views • 7 months ago

The best design work doesn't happen in a chat box. You need space to explore ideas, create variants, and iterate Meet the new Replit Canvas Your agentic design tool to build beautiful websites, apps, marketing assets and more

The best design work doesn't happen in a chat box. You need space to explore ideas, create variants, and iterate Meet the new Replit Canvas Your agentic design tool to build beautiful websites, apps, marketing assets and more

Replit ⠕

1,693,955 views • 1 month ago

NEW YEAR! NEW SERVICE LAUNCH! 🎉 Finally launching our web development & product development services at Meet my co-founder: Usman S. (My brother) - he will be handling all development services with 6+ yrs of experience! We're offering a retainer at just $3999/month with both design & development services. (more details in website) We have got a killer team of designers & developers! Here's all our services: 1. Landing page design 2. Landing page development Custom Code/Framer 2. App Design 3. AppStore Screenshot design 4. Social Media Designs 5. Ad campaign designs 6. Pitch Deck Design 7. Web App & Dashboard Designs & Development Book a call at now!

NEW YEAR! NEW SERVICE LAUNCH! 🎉 Finally launching our web development & product development services at Meet my co-founder: Usman S. (My brother) - he will be handling all development services with 6+ yrs of experience! We're offering a retainer at just $3999/month with both design & development services. (more details in website) We have got a killer team of designers & developers! Here's all our services: 1. Landing page design 2. Landing page development Custom Code/Framer 2. App Design 3. AppStore Screenshot design 4. Social Media Designs 5. Ad campaign designs 6. Pitch Deck Design 7. Web App & Dashboard Designs & Development Book a call at now!

Amena

19,831 views • 6 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

300,137 views • 5 months ago

New: You can now make transparent image layers to level up and control your designs. Playground will automatically make it in the style of your design.

New: You can now make transparent image layers to level up and control your designs. Playground will automatically make it in the style of your design.

Playground

12,180 views • 1 year ago

Bring your own agents and collaborate with them on your design in a single canvas? Sure why not! Coming soon to @FlutterFlow Designer 🤫 (also; it's so much fun launching various LLMs at the same time and watching them have a design-off in real-time)

Bring your own agents and collaborate with them on your design in a single canvas? Sure why not! Coming soon to @FlutterFlow Designer 🤫 (also; it's so much fun launching various LLMs at the same time and watching them have a design-off in real-time)

Mike Diarmid

34,343 views • 4 months ago

Need a beautiful design for your next Replit app? Head to 21st⁠.dev and: - Find a design - Copy the prompt into Replit Agent - Iterate and add Replit’s built-in tools and databases - Deploy your app to the public - Profit Share what you build and tag us!

Need a beautiful design for your next Replit app? Head to 21st⁠.dev and: - Find a design - Copy the prompt into Replit Agent - Iterate and add Replit’s built-in tools and databases - Deploy your app to the public - Profit Share what you build and tag us!

Replit ⠕

50,651 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

487,548 views • 4 months ago

You've never vibe coded like this before. Replit ⠕ is now your canvas for building & creating. In this video I'm building a graphics shader app. I click Replit's canvas button and see the live app running on infinite editable canvas, generate several design variants in parallel side by side, bring one back into my app. Just 1 of the things we shipped.

You've never vibe coded like this before. Replit ⠕ is now your canvas for building & creating. In this video I'm building a graphics shader app. I click Replit's canvas button and see the live app running on infinite editable canvas, generate several design variants in parallel side by side, bring one back into my app. Just 1 of the things we shipped.

jordwalke

188,220 views • 4 months ago

TRYNA DESIGN SOME OFFICIAL 150DT MERCH? HERE'S YA 1 SHOT TO SUBMIT YOUR DESIGNS FOR THE 1 CHANCE TEE 👕 MUST SUBMIT DESIGNS ON THE G HERBO APP 🚦 DONT MISS 🏀 🤞🏽

TRYNA DESIGN SOME OFFICIAL 150DT MERCH? HERE'S YA 1 SHOT TO SUBMIT YOUR DESIGNS FOR THE 1 CHANCE TEE 👕 MUST SUBMIT DESIGNS ON THE G HERBO APP 🚦 DONT MISS 🏀 🤞🏽

G HERBO

27,631 views • 6 months ago