正在加载视频...

视频加载失败

返回首页

Introducing 🎨 Design Systems in Stitch! Build a single source of truth to keep your screens visually consistent. Create your styles once, then instantly apply them to any new or existing designs. We’ve got more for design systems coming over the next few weeks, stay tuned! 👀

stitchbygoogle's profile picture

Stitch by Google

161,423 subscribers

293,769 次观看 • 4 个月前 •via X (Twitter)

艺术科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 Introducing the Stitch MCP Server. 🔌 You can now pipe Stitch designs directly into your favorite tools like Antigravity. * Generate new screens without leaving your IDE * Fetch the code from any design * Inject context: Give your agent full visual awareness Docs and more information 👇
0:29

Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 Introducing the Stitch MCP Server. 🔌 You can now pipe Stitch designs directly into your favorite tools like Antigravity. * Generate new screens without leaving your IDE * Fetch the code from any design * Inject context: Give your agent full visual awareness Docs and more information 👇

Stitch by Google

359,371 次观看 • 5 个月前

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:
0:59

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

550,976 次观看 • 3 年前

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today
0:29

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Steve (Builder.io)

15,488 次观看 • 1 年前

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.
0:45

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.

Meng To

75,662 次观看 • 1 年前

New in the Stitch Vibe Design launch: DESIGN.md Design consistency specified. Stitch generates design systems and a markdown specification you can export.
0:22

New in the Stitch Vibe Design launch: DESIGN.md Design consistency specified. Stitch generates design systems and a markdown specification you can export.

David East

91,059 次观看 • 3 个月前

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

🎨 Stop describing, start showing! One of your most requested features. Your design inspiration is now a core part of the Stitch canvas. 🖼️ Bring in any inspirational image or screenshot to add rich visual context to every step of your design journey—from initial idea to final edit. Four easy ways to add images: * Drag & drop * Paste (CMD/Ctrl+V) * Direct upload button * Attach to prompt Select images alongside your screens (CMD/Ctrl+Click) to provide the ultimate context for your next generation or edit. Coming soon: The ability to seamlessly incorporate images (logos, profile pics) directly into your generated designs.
0:24

🎨 Stop describing, start showing! One of your most requested features. Your design inspiration is now a core part of the Stitch canvas. 🖼️ Bring in any inspirational image or screenshot to add rich visual context to every step of your design journey—from initial idea to final edit. Four easy ways to add images: * Drag & drop * Paste (CMD/Ctrl+V) * Direct upload button * Attach to prompt Select images alongside your screens (CMD/Ctrl+Click) to provide the ultimate context for your next generation or edit. Coming soon: The ability to seamlessly incorporate images (logos, profile pics) directly into your generated designs.

Stitch by Google

28,714 次观看 • 8 个月前

🎨 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 👉
1:23

🎨 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

174,132 次观看 • 13 天前

Introducing the new X-Design X-Design: Meitu’s new AI brand design agent. ✅ For: Business owners, designers, brand builders. ✅ Create in minutes: Logos, colors, fonts, posters, menus, packaging, mockups, and more… ✅ Stay consistent & professional, zero design skills needed. Elevate your brand effortlessly.
1:22

Introducing the new X-Design X-Design: Meitu’s new AI brand design agent. ✅ For: Business owners, designers, brand builders. ✅ Create in minutes: Logos, colors, fonts, posters, menus, packaging, mockups, and more… ✅ Stay consistent & professional, zero design skills needed. Elevate your brand effortlessly.

SARAH

108,941 次观看 • 7 个月前

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj
1:27

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj

v0

69,868 次观看 • 10 个月前

DESIGN. md concept introduced by Stitch by Google . Our repo awesome-design-md brought it to the community, 35K+ stars in one week, hundreds of organic shares. Now it has a website: Browse design systems as DESIGN. md inspired by real websites. Preview instantly. Install with one command. One markdown file tells your AI agent exactly how to build matching UI.
0:41

DESIGN. md concept introduced by Stitch by Google . Our repo awesome-design-md brought it to the community, 35K+ stars in one week, hundreds of organic shares. Now it has a website: Browse design systems as DESIGN. md inspired by real websites. Preview instantly. Install with one command. One markdown file tells your AI agent exactly how to build matching UI.

Ozmen

189,728 次观看 • 2 个月前

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:
0:31

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

We’ve been overwhelmed by the feedback on the new Stitch. 🫶 Now, let’s get to building. 😀 Over the coming weeks, we're dropping Starter Ideas to spark your creativity—and want to showcase what you build! 🌟 Starter Idea #1: Watch the new agent and AI-Native Canvas turn a messy doc into a fully styled portfolio. 📝 The Input: Highlight and copy your raw resume text 🎨 The Prompt: "Make me a single-page resume site in 3 fun styles" + paste your resume text ✨ Stitch turns your resume into a text canvas node where it can be referenced or edited ✨ It generates 3 unique Design Systems and layouts 🔷 The Polish: Upload a headshot, and the agent auto-crops and styles it to match the exact aesthetic of each site. We have loved seeing your creations so far. Drop your shared projects in the replies—we're putting together a plan to showcase our favorites!
0:43

We’ve been overwhelmed by the feedback on the new Stitch. 🫶 Now, let’s get to building. 😀 Over the coming weeks, we're dropping Starter Ideas to spark your creativity—and want to showcase what you build! 🌟 Starter Idea #1: Watch the new agent and AI-Native Canvas turn a messy doc into a fully styled portfolio. 📝 The Input: Highlight and copy your raw resume text 🎨 The Prompt: "Make me a single-page resume site in 3 fun styles" + paste your resume text ✨ Stitch turns your resume into a text canvas node where it can be referenced or edited ✨ It generates 3 unique Design Systems and layouts 🔷 The Polish: Upload a headshot, and the agent auto-crops and styles it to match the exact aesthetic of each site. We have loved seeing your creations so far. Drop your shared projects in the replies—we're putting together a plan to showcase our favorites!

Stitch by Google

67,997 次观看 • 3 个月前

Introducing Sleek References A collection of unique design styles for mobile apps. Reuse any style for your next app in one click. Link below.
0:22

Introducing Sleek References A collection of unique design styles for mobile apps. Reuse any style for your next app in one click. Link below.

Mattia

49,487 次观看 • 2 个月前

Stream "Smash It Like Belushi” now 💥 Can’t wait to see your faces in the desert this weekend for Coachella!! We’ve got a few more tricks up our sleeves the next few weeks (as always 😏), stay tuned.
0:20

Stream "Smash It Like Belushi” now 💥 Can’t wait to see your faces in the desert this weekend for Coachella!! We’ve got a few more tricks up our sleeves the next few weeks (as always 😏), stay tuned.

Green Day

40,514 次观看 • 1 年前

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.
1:11

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

41,940 次观看 • 5 个月前

✨ Big things are happening. I’m building a tool to generate, manage & sync design tokens — directly in Figma ✅ Start from popular design systems 🎨 Customize colors, typography, effects & more 🧠 Export clean code in multiple formats ⚡ Sync everything to your Figma file in <30s From weeks of work to seconds. This changes everything. Coming soon to everyone. Follow for updates 👀
1:39

✨ Big things are happening. I’m building a tool to generate, manage & sync design tokens — directly in Figma ✅ Start from popular design systems 🎨 Customize colors, typography, effects & more 🧠 Export clean code in multiple formats ⚡ Sync everything to your Figma file in <30s From weeks of work to seconds. This changes everything. Coming soon to everyone. Follow for updates 👀

Angelo Libero

21,121 次观看 • 1 年前

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇
0:33

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

194,380 次观看 • 2 个月前

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥
0:58

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

12,124 次观看 • 2 个月前

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