Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

116,886 subscribers

42,888 görüntüleme • 8 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

14 Yorum

Pietro Schirano profil fotoğrafı

Pietro Schirano8 ay önce

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.

Pietro Schirano profil fotoğrafı

Pietro Schirano8 ay önce

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.

Beatin'ić profil fotoğrafı

Beatin'ić8 ay önce

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

Kunal profil fotoğrafı

Kunal8 ay önce

🔥 will test it out

Shonen | UI UX designer ✦︎ profil fotoğrafı

Shonen | UI UX designer ✦︎8 ay önce

Magicpathai locked in fr 🔥

Uday Yatnalli profil fotoğrafı

Uday Yatnalli8 ay önce

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

Pietro Schirano profil fotoğrafı

Pietro Schirano8 ay önce

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

Uday Yatnalli profil fotoğrafı

Uday Yatnalli8 ay önce

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

Shahid Shaikh profil fotoğrafı

Shahid Shaikh8 ay önce

magicpath keeps getting better with each update

Pietro Schirano profil fotoğrafı

Pietro Schirano8 ay önce

And there is so much more to come

Pratik profil fotoğrafı

Pratik8 ay önce

amazing!

aditya addepalli profil fotoğrafı

aditya addepalli8 ay önce

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

Sup* profil fotoğrafı

Sup*8 ay önce

Trying it out right now!!

Youssef Mizani profil fotoğrafı

Youssef Mizani8 ay önce

Crazy

Benzer Videolar

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.

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 görüntüleme • 3 yıl önce

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,836 görüntüleme • 6 ay önce

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 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 görüntüleme • 1 yıl önce

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.

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 görüntüleme • 1 ay önce

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 görüntüleme • 17 gün önce

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.

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 görüntüleme • 3 ay önce

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

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 görüntüleme • 5 ay önce

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👇

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 görüntüleme • 28 gün önce

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.

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 görüntüleme • 4 gün önce

🎨 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.

🎨 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 görüntüleme • 4 ay önce

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.

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 görüntüleme • 11 ay önce

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

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 görüntüleme • 3 ay önce

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.

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 görüntüleme • 1 yıl önce

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)

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 görüntüleme • 12 gün önce

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 görüntüleme • 1 yıl önce

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.

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 görüntüleme • 4 ay önce

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!

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 görüntüleme • 4 ay önce

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 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 görüntüleme • 4 ay önce