Loading video...

Video Failed to Load

Go Home

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

skirano's profile picture

Pietro Schirano

101,727 subscribers

134,826 views • 9 months ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing MagicPath 2.0. MagicPath is now a multiplayer canvas for humans and agents like Codex or Claude Code to design and build with AI. Use your codebase, grab data from anywhere, and see the agents work in real time as a team while building fully functional prototypes.
1:29

Introducing MagicPath 2.0. MagicPath is now a multiplayer canvas for humans and agents like Codex or Claude Code to design and build with AI. Use your codebase, grab data from anywhere, and see the agents work in real time as a team while building fully functional prototypes.

Pietro Schirano

285,941 views • 1 month ago

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.
0:59

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Pietro Schirano

117,974 views • 8 months ago

Build on-brand sites faster with Libraries! 🎉 Now you can share components and variables across multiple sites in your Workspace, enabling your team to build on-brand experiences quickly and manage updates effortlessly. Learn more: And we're just getting started — stay tuned for more updates at #WebflowConf
1:00

Build on-brand sites faster with Libraries! 🎉 Now you can share components and variables across multiple sites in your Workspace, enabling your team to build on-brand experiences quickly and manage updates effortlessly. Learn more: And we're just getting started — stay tuned for more updates at #WebflowConf

Webflow

15,911 views • 1 year ago

Introducing Twenty SDK 🛠️ Build your in-house custom CRM at AI speed without the AI slop
0:47

Introducing Twenty SDK 🛠️ Build your in-house custom CRM at AI speed without the AI slop

Twenty

30,057 views • 2 months ago

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection
0:57

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection

Figma

93,250 views • 1 month ago

Today, we're open sourcing our email editor. Announcing React Email 6.0 - embed in your app - style with your brand - build custom extensions - export to html
1:23

Today, we're open sourcing our email editor. Announcing React Email 6.0 - embed in your app - style with your brand - build custom extensions - export to html

Resend

1,143,552 views • 2 months ago

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at
1:34

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at

Jason Zhou

219,531 views • 6 months ago

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.
0:21

Introducing Figma export in MagicPath. Design and build with our native agent, or your favorite external one (Codex, Claude Code, etc.). Explore tons of different directions, then bring your work into Figma as fully editable designs. As simple as a copy-paste.

Pietro Schirano

40,214 views • 1 month ago

WEAPON BUILD SHARING: CONFIRMED 🛠️⚙️ BRAND NEW in #BlackOps7: Look out for the addition of a “Build Code” to Gunsmith that will allow you to share weapon builds with friends, or send to your squadmates with a single button.
0:24

WEAPON BUILD SHARING: CONFIRMED 🛠️⚙️ BRAND NEW in #BlackOps7: Look out for the addition of a “Build Code” to Gunsmith that will allow you to share weapon builds with friends, or send to your squadmates with a single button.

Call of Duty

148,516 views • 10 months ago

🤯 Introducing TrackForge: your ultimate tool to design, build, race and share your own tracks! Launching March 2026 with #TheCrewMotorfest Season 9!
1:51

🤯 Introducing TrackForge: your ultimate tool to design, build, race and share your own tracks! Launching March 2026 with #TheCrewMotorfest Season 9!

The Crew Motorfest

28,158 views • 8 months ago

It’s here… Your Playbook, Your Way — Introducing the Ebook Creator 📚 Create custom ebooks, add sessions, and store them in your Locker Room. Share with coaches, anytime, anywhere! ⚡ Build. Share. Coach Smarter. 🖥️ Try it now →
0:33

It’s here… Your Playbook, Your Way — Introducing the Ebook Creator 📚 Create custom ebooks, add sessions, and store them in your Locker Room. Share with coaches, anytime, anywhere! ⚡ Build. Share. Coach Smarter. 🖥️ Try it now →

UltimateplayerHQ

39,847 views • 1 year ago

Create your own immersive AI agent in minutes. With Alias, you can craft, train, and deploy a custom 3D agent in just a few clicks. Zero code needed. Design immersive personas and stories. Create a living Wiki for your business or community. Build interactive characters for your world that run 24/7 — public or private. Sharing is as simple as dropping a URL. Early access is opening soon. Join the waitlist now
0:57

Create your own immersive AI agent in minutes. With Alias, you can craft, train, and deploy a custom 3D agent in just a few clicks. Zero code needed. Design immersive personas and stories. Create a living Wiki for your business or community. Build interactive characters for your world that run 24/7 — public or private. Sharing is as simple as dropping a URL. Early access is opening soon. Join the waitlist now

Alias

16,113 views • 1 year ago

🧠 Get code samples, AI patterns, and prompt libraries to help you build with Angular. @Angular just launched a new AI section with guidance for tools like Firebase Studio and Gemini Code Assist. Start exploring →
1:16

🧠 Get code samples, AI patterns, and prompt libraries to help you build with Angular. @Angular just launched a new AI section with guidance for tools like Firebase Studio and Gemini Code Assist. Start exploring →

Google for Developers

17,084 views • 11 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.
1:12

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

97,922 views • 10 months ago

Today we're launching a new way to build apps in AI Studio! 🚀 - Build directly in AI Studio and leverage Gemini without a key, for free! - Browse new sample apps that you can remix and make your own - Share with friends Check out the open source apps below, more to come!
0:30

Today we're launching a new way to build apps in AI Studio! 🚀 - Build directly in AI Studio and leverage Gemini without a key, for free! - Browse new sample apps that you can remix and make your own - Share with friends Check out the open source apps below, more to come!

Ammaar Reshi

60,683 views • 1 year ago

Build with AI that adapts to your workflow. Cosine for VS Code puts our agent right in your editor. Manage hundreds of agents in parallel to build and ship without limits.
1:59

Build with AI that adapts to your workflow. Cosine for VS Code puts our agent right in your editor. Manage hundreds of agents in parallel to build and ship without limits.

Cosine

172,828 views • 8 months ago

introducing @tabseditor The AI doc editor that writes with you. Tabs is a simple editor to write documents with AI to assist you. > import docs from google drive, MS one drive or create new doc > bring in your files and web links as context > chat with tabs all web. enjoy.
0:49

introducing @tabseditor The AI doc editor that writes with you. Tabs is a simple editor to write documents with AI to assist you. > import docs from google drive, MS one drive or create new doc > bring in your files and web links as context > chat with tabs all web. enjoy.

Afolabi Sokeye 🧱

203,820 views • 9 months ago

Introducing the SEN Agent Marketplace! 🤖 Build. Publish. Earn. ⚡ -For Builders: Publish your agents & earn fees every time someone uses them -For Users: Deploy powerful, custom-built agents to dominate Web3 with just a few clicks -Pay-Per-Use Model: Simply top up your account with SEN & automate your way to success! Incentivizing innovation. Unlocking automation. Powering Web3. Start today: #AI #SEN #Web3
0:47

Introducing the SEN Agent Marketplace! 🤖 Build. Publish. Earn. ⚡ -For Builders: Publish your agents & earn fees every time someone uses them -For Users: Deploy powerful, custom-built agents to dominate Web3 with just a few clicks -Pay-Per-Use Model: Simply top up your account with SEN & automate your way to success! Incentivizing innovation. Unlocking automation. Powering Web3. Start today: #AI #SEN #Web3

Sentio

12,260 views • 1 year ago

In @Magicpathai every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.
1:00

In @Magicpathai every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.

Pietro Schirano

53,079 views • 1 year 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 👉
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

166,506 views • 11 days ago