正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

We improved our design system feature to include design.md imports alongside any website and Tailwind files. Best part: your design system isn't just available when creating natively in MagicPath, it can be used by any external agent simply via mentioning it. It's amazing.

Pietro Schirano

105,199 subscribers

106,130 次观看 • 1 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

26,087 次观看 • 2 个月前

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Alex Danilowicz

54,492 次观看 • 3 个月前

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 次观看 • 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. 👇

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,552 次观看 • 2 个月前

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,707 次观看 • 3 个月前

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

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 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 次观看 • 22 天前

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

This is the future of web design. Gamma 3.0 has just been released, and I used it to create a complete website from a URL in seconds. No prompts. No code. No input. Their new AI agent will design, review, fix, and iterate on your content. The best part: you can watch it in real-time as it builds your website! This is pretty amazing! There are many AI design agents out there, but this one is one of the most hands-off tools I've seen. This is incredible.

This is the future of web design. Gamma 3.0 has just been released, and I used it to create a complete website from a URL in seconds. No prompts. No code. No input. Their new AI agent will design, review, fix, and iterate on your content. The best part: you can watch it in real-time as it builds your website! This is pretty amazing! There are many AI design agents out there, but this one is one of the most hands-off tools I've seen. This is incredible.

Santiago

39,140 次观看 • 10 个月前

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

200,622 次观看 • 8 个月前

Found a pretty interesting new tool 👀 It turns any published Figma library into a documented design system website It's like ZeroHeight only it feels a lot simpler and more connected to Figma Looks pretty promising👇

Found a pretty interesting new tool 👀 It turns any published Figma library into a documented design system website It's like ZeroHeight only it feels a lot simpler and more connected to Figma Looks pretty promising👇

Ridd 🤿

154,126 次观看 • 2 年前

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

60,479 次观看 • 1 个月前

like imagine, just click and drag stuff in your app, ask an ai to reimagine it, undo it if you don't like it... and it's actually editing your source files and because it's all flux components its staying on the rails of a well thought out design system

like imagine, just click and drag stuff in your app, ask an ai to reimagine it, undo it if you don't like it... and it's actually editing your source files and because it's all flux components its staying on the rails of a well thought out design system

Caleb Porzio ⚡️

36,096 次观看 • 1 个月前

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.

FHILY👑

57,007 次观看 • 1 个月前

Apple buried a feature in Safari that nobody talks about. Screenshot any website → tap "Full Page" → it captures the ENTIRE page as a photo or PDF. I used it to clone Pump.fun design with Claude in 60 seconds. No laptop? No problem. You too can vibe code from your phone. Better yet, fix the mobile version of your sites by simply screenshotting your website on your phone and giving it to Claude as context. One of the most used features i use to 100x my productivity.

Apple buried a feature in Safari that nobody talks about. Screenshot any website → tap "Full Page" → it captures the ENTIRE page as a photo or PDF. I used it to clone Pump.fun design with Claude in 60 seconds. No laptop? No problem. You too can vibe code from your phone. Better yet, fix the mobile version of your sites by simply screenshotting your website on your phone and giving it to Claude as context. One of the most used features i use to 100x my productivity.

nich

31,119 次观看 • 4 个月前

Just hit publish on a new guide! It's called "Variable mapping and design system structure" and you can grab it here: It's hopefully a way to provide some guidance on how to structure your variables and collections according to how your system is set up

Just hit publish on a new guide! It's called "Variable mapping and design system structure" and you can grab it here: It's hopefully a way to provide some guidance on how to structure your variables and collections according to how your system is set up

luis.

69,445 次观看 • 3 年前

This AI agent is the future of web design... Gamma AI clones ANY website with a single URL paste...and I tested it against Webflow, Wix, & WordPress. It's faster, cheaper, and requires ZERO coding. Here is how you can clone any website in under 30 seconds:

This AI agent is the future of web design... Gamma AI clones ANY website with a single URL paste...and I tested it against Webflow, Wix, & WordPress. It's faster, cheaper, and requires ZERO coding. Here is how you can clone any website in under 30 seconds:

Hamza Khalid

18,219 次观看 • 8 个月前

Did you know: You can customize any team's color through our Accessibility feature? Simply head to Settings > Accessibility > Color Customizations and change any color in our system, including team colors. Great when Audi and Scuderia Ferrari HP choose the same color 👀 #F1

Did you know: You can customize any team's color through our Accessibility feature? Simply head to Settings > Accessibility > Color Customizations and change any color in our system, including team colors. Great when Audi and Scuderia Ferrari HP choose the same color 👀 #F1

MultiViewer

12,113 次观看 • 4 个月前

You can now clone any website just by writing a prompt. Simply add the Firecrawl MCP server to your favorite AI coding tool for improved web data extraction, and let Claude code it for you. Here’s how:

You can now clone any website just by writing a prompt. Simply add the Firecrawl MCP server to your favorite AI coding tool for improved web data extraction, and let Claude code it for you. Here’s how:

Alvaro Cintas

83,031 次观看 • 11 个月前