Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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.

skirano's profile picture

Pietro Schirano

116,886 subscribers

42,888 Aufrufe • vor 8 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

14 Kommentare

Profilbild von Pietro Schirano
Pietro Schiranovor 8 Monaten

Constraining your design agent to follow a specific design system not only helps stay on brand but also allows for a much more professional and polished look.

Profilbild von Pietro Schirano
Pietro Schiranovor 8 Monaten

It also works with any previously generated design in @MagicPathAI, so now you can go from generating a design you like to a consistent design system.

Profilbild von Beatin'ić
Beatin'ićvor 8 Monaten

Amazing work! This truly feels like a bridge between designers and developers

Profilbild von Kunal
Kunalvor 8 Monaten

🔥 will test it out

Profilbild von Shonen | UI UX designer ✦︎
Shonen | UI UX designer ✦︎vor 8 Monaten

Magicpathai locked in fr 🔥

Profilbild von Uday Yatnalli
Uday Yatnallivor 8 Monaten

does this work with existing production codebases too? would be huge for migrating legacy projects

Profilbild von Pietro Schirano
Pietro Schiranovor 8 Monaten

It works with any link, so as long as your old codebase is deployed somewhere, it will work!

Profilbild von Uday Yatnalli
Uday Yatnallivor 8 Monaten

oh nice. gonna try this with a rails app that desperately needs design cleanup

Profilbild von Shahid Shaikh
Shahid Shaikhvor 8 Monaten

magicpath keeps getting better with each update

Profilbild von Pietro Schirano
Pietro Schiranovor 8 Monaten

And there is so much more to come

Profilbild von Pratik
Pratikvor 8 Monaten

amazing!

Profilbild von aditya addepalli
aditya addepallivor 8 Monaten

incredible. need more technical blogs and content on how magicpath is so good!

Profilbild von Sup*
Sup*vor 8 Monaten

Trying it out right now!!

Profilbild von Youssef Mizani
Youssef Mizanivor 8 Monaten

Crazy

Ähnliche Videos

Need help deciding which color palette to use for your designs? Designer Milan Maheshwari's Spectrum plugin can help with that. You can instantly generate color palettes and apply them to illustrations, images, interfaces, and more.
0:31

Need help deciding which color palette to use for your designs? Designer Milan Maheshwari's Spectrum plugin can help with that. You can instantly generate color palettes and apply them to illustrations, images, interfaces, and more.

Figma

94,041 Aufrufe • vor 3 Jahren

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

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,836 Aufrufe • vor 6 Monaten

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:
1:05

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 Aufrufe • vor 1 Jahr

Introducing Figma Connect 2.0 Copy multiple designs in Figma, paste them into MagicPath, and get clean react code instantly. Auto Layout and responsiveness, all preserved. Your Figma designs become code any agent can understand and build with. Codex, Claude Code, and more.
0:50

Introducing Figma Connect 2.0 Copy multiple designs in Figma, paste them into MagicPath, and get clean react code instantly. Auto Layout and responsiveness, all preserved. Your Figma designs become code any agent can understand and build with. Codex, Claude Code, and more.

Pietro Schirano

39,395 Aufrufe • vor 1 Monat

Introducing Figma node: connect any Figma frame into Weave workflows so you can → Create on-brand content at scale → Iterate, translate, or turn your designs into video → Edit and all connected assets stays up to date Available now to everyone.
0:31

Introducing Figma node: connect any Figma frame into Weave workflows so you can → Create on-brand content at scale → Iterate, translate, or turn your designs into video → Edit and all connected assets stays up to date Available now to everyone.

Figma

37,843 Aufrufe • vor 17 Tagen

Generate and edit video with Gemini Omni Flash, now in Runway. Start with a prompt, image or video and create anything you can imagine. Get started at the link below or ask Agent to use Omni.
0:20

Generate and edit video with Gemini Omni Flash, now in Runway. Start with a prompt, image or video and create anything you can imagine. Get started at the link below or ask Agent to use Omni.

Runway

27,764 Aufrufe • vor 3 Monaten

you don’t need to pay to design your app screenshots anymore. you can generate ready-to-use screenshots in minutes with this upload your app images, add info about your app, select a style, and generate high-quality screenshots in minutes. easily edit them after as well to tweak small details try it for free link below
0:47

you don’t need to pay to design your app screenshots anymore. you can generate ready-to-use screenshots in minutes with this upload your app images, add info about your app, select a style, and generate high-quality screenshots in minutes. easily edit them after as well to tweak small details try it for free link below

Dhruval

141,972 Aufrufe • vor 5 Monaten

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇
1:28

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Praha

23,097 Aufrufe • vor 27 Tagen

Your agent can now create editable designs and bring them into motion. No Figma or Canva required. Introducing Tesseract for design. Ask your agent to create a design system with typography, colors, and layouts, then bring it to life with motion, footage, and sound. Keep refining individual layers as you go. One workflow, from the first design to the final editable video. Tesseract is free. Try it with Opus 5.5 or GPT-6 Astra.
0:31

Your agent can now create editable designs and bring them into motion. No Figma or Canva required. Introducing Tesseract for design. Ask your agent to create a design system with typography, colors, and layouts, then bring it to life with motion, footage, and sound. Keep refining individual layers as you go. One workflow, from the first design to the final editable video. Tesseract is free. Try it with Opus 5.5 or GPT-6 Astra.

Mirage

129,278 Aufrufe • vor 4 Tagen

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.
0:56

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.

Wan

538,681 Aufrufe • vor 4 Monaten

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

118,173 Aufrufe • vor 11 Monaten

QuiverAI is now in Wonder! You can now generate SVGs right inside your canvas. Think logos, typography, icons, lettering, illustrations and so much more. You can even vectorize any image in seconds. Try it now at
0:23

QuiverAI is now in Wonder! You can now generate SVGs right inside your canvas. Think logos, typography, icons, lettering, illustrations and so much more. You can even vectorize any image in seconds. Try it now at

Wonder

26,809 Aufrufe • vor 3 Monaten

In MagicPath 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 MagicPath 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,164 Aufrufe • vor 1 Jahr

ChatGPT can now create interactive flashcards (genui.learning_flashcards) from any topic or from your notes, and save them to your Library (you can flip, shuffle, edit, mark, read aloud, and add your own flashcards)
0:33

ChatGPT can now create interactive flashcards (genui.learning_flashcards) from any topic or from your notes, and save them to your Library (you can flip, shuffle, edit, mark, read aloud, and add your own flashcards)

Tibor Blaho

18,309 Aufrufe • vor 12 Tagen

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want
0:37

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want

Magnific

42,065 Aufrufe • vor 1 Jahr

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

42,626 Aufrufe • vor 4 Monaten

Yesterday I demo'd how copy pasting marketing images from Notra to Figma would look like Today we added Paper support which has been a breeze thanks to Stephen Haney Soon you will be able to generate images using Notra and paste them directly in your favorite design tool!
0:23

Yesterday I demo'd how copy pasting marketing images from Notra to Figma would look like Today we added Paper support which has been a breeze thanks to Stephen Haney Soon you will be able to generate images using Notra and paste them directly in your favorite design tool!

Dominik Koch

12,636 Aufrufe • vor 4 Monaten

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code
0:30

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

401,396 Aufrufe • vor 4 Monaten