Vibe Design: O Google Stitch agora faz isso e É ABSURDO (veja tudo que mudou)

Google Stitch is no longer just a tool for generating small screens. The latest update has transformed Stitch into an AI-powered design canvas that you can communicate with via voice, prototype with a click, and export directly to Antigravity as functional code. You already know Vibe Coding. Now there's Vibe Design. And it's all free. 🔴 Vibe Coding Training (Antigravity, Claude Code and more): https://app.horadecodar.com.br/lp/for... 🟪 Hosting for n8n that I recommend: https://hostinger.com.br/matheusbattisti (use coupon HORADECODAR for an extra 10% discount) 📘 Prompt Engineering Guide: https://app.horadecodar.com.br/ebookp... The interface has completely changed. Now it's an infinite canvas where you drag reference images, paste text and code snippets as context, spread multiple screens of the same project, and zoom between overview and detail. The canvas becomes your digital whiteboard. You throw everything that inspires your project there, and the agent uses it as context to generate the designs. The new design agent is no longer an image generator that spits out a layout. It reasons about the evolution of the project. You describe the business objective and the intention, not the screen. And with the Agent Manager, you open multiple exploration lines at the same time: one more colorful, another more minimalist, another bolder. Each with its agent working in parallel. It compares, chooses the best one, and continues iterating. Stitch now has DESIGN.md, a markdown file that defines your design system: color palette, typography, spacing, components, and layout rules. You can extract it from any URL by passing the link of a website you admire, create it from scratch describing what you want, or import it from another project. Create it once and apply it to any new project. And DESIGN.md travels to Antigravity; the generated code will respect your design system. Prototyping has changed everything. Screens now connect; you link one to another and press Play. The prototype runs right there in Stitch, clicks buttons, and navigates between screens as if it were the real app. There's Imagine More Screens, which analyzes the context of your app and proposes screens that make sense. And QR Codes to share the prototype: open it on your phone, show it to the client, do usability testing. All before writing a single line of code. Voice mode is where it gets futuristic. You activate it and speak directly to the canvas. There are 8 different voices. Request variations in color palette, layout adjustments, component changes, all by voice in real time. The agent responds by speaking back with a bright aura in the prompt bar. It's like having a designer by your side receiving verbal feedback and adjusting on the spot. You don't need to type anything and you don't need to know the technical name of anything. In the most powerful part of the video, I show the complete pipeline: Stitch design exported directly to Antigravity via MCP Server. I configure Stitch MCP in Antigravity, install the Stitch Skills (stitch-design, design-md, react:components), and ask Antigravity to import the design and create the complete React app with all the prototype screens working. Antigravity connects to Stitch via MCP, pulls the screens and the DESIGN.md file, assembles the project structure, and creates the components with the design system tokens. From idea to functional app. Vibe Design to Vibe Code. All Google, all free. The Stitch Skills also work in Claude Code and Cursor, not just Antigravity. Experimental Mode with Gemini Pro generates more refined designs with 50 generations per month versus 350 in Standard with Flash. The prototype's QR code is gold for freelancers who want to show it to the client before coding. 🔗 Video Links: ▸ Google Stitch: https://stitch.withgoogle.com Join our Discord server and follow me on social media: 🟣 Discord Hora de Codar:   / discord   🔴 Instagram:   / horadecodar   🔷 Telegram: https://t.me/horadecodar TIMESTAMPS 00:00 Google Stitch updated and now it's AMAZING! 01:05 The new Google Stitch interface 02:50 Creating a project in the new Google Stitch 03:30 Stitch Design System and DESIGN.md 04:36 Voice Mode in Stitch for Vibe Design 05:35 Infinite Canvas in Google Stitch 06:12 Using Multi-Agents in Stitch 07:22 Stitch now has Live application preview 08:20 Stitch generating application heatmap 09:50 Stitch suggesting new application screens 10:45 Exporting the Stitch design to Antigravity with MCP 14:00 Viewing the final result in the browser 14:30 My thoughts on the new Stitch update