Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Prompted Variants ✨. It's a creativity amplifier for your design process. You can now guide your variants with a prompt. Get specific with UI changes ("show me different layouts") or describe a high-level goal like "make checkout easier" to rapidly iterate. Or, leave the prompt blank to have...

stitchbygoogle's profile picture

Stitch by Google

161,410 subscribers

151,314 görüntüleme • 8 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Vibe design is here ✨ I got early access to Stitch from Google DeepMind and was blown away - it's like partnering with a pro designer. Start with a simple prompt for a mobile or Web UI and iterate through to a clickable prototype (and code!). Watch me make "Finn's Fudge" 👇
0:32

Vibe design is here ✨ I got early access to Stitch from Google DeepMind and was blown away - it's like partnering with a pro designer. Start with a simple prompt for a mobile or Web UI and iterate through to a clickable prototype (and code!). Watch me make "Finn's Fudge" 👇

Justine Moore

80,162 görüntüleme • 3 ay önce

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.
0:22

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.

v0

16,594 görüntüleme • 8 ay önce

🎨 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.
0:30

🎨 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 görüntüleme • 3 ay önce

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.
0:54

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 görüntüleme • 4 ay önce

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.
0:25

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Alex Barashkov

32,145 görüntüleme • 3 ay önce

The response to Stitch with Gemini 3 has been incredible.🤯 We want to make it easier to preview and share your Gemini 3 creations. You can now click any screen to open it in a standalone tab. Suddenly, your design comes alive: * Interact: Click buttons, flip toggles, and test the flow. * Mobile Preview: Scan the QR code to see it native on your mobile device. * Share: Send a "Clean Link" (no Stitch UI) to clients or friends. Don't just share a screenshot. Share the experience.
0:29

The response to Stitch with Gemini 3 has been incredible.🤯 We want to make it easier to preview and share your Gemini 3 creations. You can now click any screen to open it in a standalone tab. Suddenly, your design comes alive: * Interact: Click buttons, flip toggles, and test the flow. * Mobile Preview: Scan the QR code to see it native on your mobile device. * Share: Send a "Clean Link" (no Stitch UI) to clients or friends. Don't just share a screenshot. Share the experience.

Stitch by Google

67,140 görüntüleme • 5 ay önce

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨
0:58

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 görüntüleme • 4 ay önce

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.
0:37

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

Peter Gostev

66,675 görüntüleme • 2 ay önce

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 💜
0:24

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 🦄🦓

29,851 görüntüleme • 4 ay önce

With Replit ⠕ Design, you can create high-quality scroll animations for your landing pages in under five minutes— all from a single prompt.
0:22

With Replit ⠕ Design, you can create high-quality scroll animations for your landing pages in under five minutes— all from a single prompt.

Vaibhav Kumar

180,359 görüntüleme • 5 ay önce

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.
0:52

Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Pietro Schirano

214,957 görüntüleme • 3 ay önce

You can just ask Perplexity Comet to generate a video for you using Veo 3 inside Gemini 🙂 You can either give a detailed prompt with steps or just keep it simple like this, both work: Comet Prompt: You have access to the Gemini interface, use it to generate a video and wait for rendering to complete. Prompt: It figures out the rest. Where to paste the prompt, whether to click the video option, everything. Pretty smart.
0:21

You can just ask Perplexity Comet to generate a video for you using Veo 3 inside Gemini 🙂 You can either give a detailed prompt with steps or just keep it simple like this, both work: Comet Prompt: You have access to the Gemini interface, use it to generate a video and wait for rendering to complete. Prompt: It figures out the rest. Where to paste the prompt, whether to click the video option, everything. Pretty smart.

AshutoshShrivastava

35,501 görüntüleme • 11 ay önce

Run Qwen3-TTS on your PC with 1-Click SUP3RMASS1VE has created a gradio web ui for running Qwen3-TTS. My personal favorite feature is "voice design", where you can actually prompt the speech style, it's a game changer!
1:12

Run Qwen3-TTS on your PC with 1-Click SUP3RMASS1VE has created a gradio web ui for running Qwen3-TTS. My personal favorite feature is "voice design", where you can actually prompt the speech style, it's a game changer!

cocktail peanut

163,496 görüntüleme • 5 ay önce

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context
0:20

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

59,045 görüntüleme • 19 gün önce

let your inner voice speak for itself. press the ptt button and say “change your voice to sound like a…” to get started, and r1 will make a custom voice for you based on your prompt. magic voice, brought to you in collaboration with - out now🗣️✨
0:27

let your inner voice speak for itself. press the ptt button and say “change your voice to sound like a…” to get started, and r1 will make a custom voice for you based on your prompt. magic voice, brought to you in collaboration with - out now🗣️✨

rabbit inc.

47,914 görüntüleme • 1 yıl önce

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 🧵
1:29

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 görüntüleme • 3 ay önce

Introducing Multi-select ✨. Edit multiple screens with a single prompt. 1. Hold SHIFT and click to select all the screens you want to edit (Fix for CMD/Ctrl rolling out now) 2. Write one prompt to apply your prompt across all the selected screens Perfect for creating consistent variations or updating entire flows in seconds. Let your imagination run wild!
0:28

Introducing Multi-select ✨. Edit multiple screens with a single prompt. 1. Hold SHIFT and click to select all the screens you want to edit (Fix for CMD/Ctrl rolling out now) 2. Write one prompt to apply your prompt across all the selected screens Perfect for creating consistent variations or updating entire flows in seconds. Let your imagination run wild!

Stitch by Google

60,501 görüntüleme • 10 ay önce

Nano Banana is now live in Search, so you can use Lens & AI Mode to instantly transform photos with our latest image editing model. Here’s a guide to get you started: 1. Open Lens in the Google app for Android and iOS. 2. Tap the new Create mode — look for the yellow banana 🍌 3. Try a suggested prompt, like “make a photo booth pic of me.” 4. Or, snap a picture and describe the edits you’re looking for. 5. Use follow-ups to keep editing, or share the image with family and friends.
0:23

Nano Banana is now live in Search, so you can use Lens & AI Mode to instantly transform photos with our latest image editing model. Here’s a guide to get you started: 1. Open Lens in the Google app for Android and iOS. 2. Tap the new Create mode — look for the yellow banana 🍌 3. Try a suggested prompt, like “make a photo booth pic of me.” 4. Or, snap a picture and describe the edits you’re looking for. 5. Use follow-ups to keep editing, or share the image with family and friends.

Google

220,956 görüntüleme • 8 ay önce

There’s a whole new way to prompt with Nano Banana. Now you can tell Gemini exactly where and how to apply your edits by drawing on or annotating your images right in the Gemini app, making it easier to get the final look you want.
0:35

There’s a whole new way to prompt with Nano Banana. Now you can tell Gemini exactly where and how to apply your edits by drawing on or annotating your images right in the Gemini app, making it easier to get the final look you want.

Google Gemini

2,604,291 görüntüleme • 6 ay önce

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.
4:39

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.

Mckay Wrigley

692,768 görüntüleme • 1 yıl önce