Loading video...

Video Failed to Load

Go Home

Figma canvas generation vs MagicPath same prompt. By the time I sent one request to Figma, I had two views and 3 variations of my designs in MagicPath, fully interactive. After 7 mins of waiting for something, I gave up. This is an embarrassing release. Video is 2x speed

skirano's profile picture

Pietro Schirano

108,613 subscribers

37,689 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Cursor Composer 2.5 swarming 10 agents inside MagicPath - building pages, a mobile app, and components for the same project simultaneously. Not sped up. Then export straight to Figma. This is what a one-person design team looks like now.
3:05

Cursor Composer 2.5 swarming 10 agents inside MagicPath - building pages, a mobile app, and components for the same project simultaneously. Not sped up. Then export straight to Figma. This is what a one-person design team looks like now.

0xMarioNawfal

53,586 views • 2 months ago

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity ​why is this different? ​official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting ​imagine this: - ​prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - ​zero click management: auto layout, component creation, deduplication handled by prompt - ​universal control: if you can do it in figma, it can do it for you ​the impact ​if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced ​full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »
0:48

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity ​why is this different? ​official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting ​imagine this: - ​prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - ​zero click management: auto layout, component creation, deduplication handled by prompt - ​universal control: if you can do it in figma, it can do it for you ​the impact ​if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced ​full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

78,970 views • 5 months ago

One of my favorite things about MagicPath is watching it recreate designs from images. The UI streams in real-time, building piece by piece like watching a designer at work. Image to code in under a minute. We live in an age of wonder.
0:33

One of my favorite things about MagicPath is watching it recreate designs from images. The UI streams in real-time, building piece by piece like watching a designer at work. Image to code in under a minute. We live in an age of wonder.

Pietro Schirano

29,954 views • 10 months ago

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for Lattice in Figma 👇
2:31

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for Lattice in Figma 👇

Jayneil Dalal

29,431 views • 1 year ago

This is crazy man... one prompt + 4 minutes and I hit my 5 hour rate limit in the Gemini app. Here is the proof. Yesterday, I hit the rate limit the same way, so I wanted to check if it would happen again. I started with 0% usage on my 5 hour limit, then gave one simple prompt for video generation using the avatar feature. It ran for around 3 to 4 minutes, hit 100% of the rate limit, and the video generation failed as well.
1:09

This is crazy man... one prompt + 4 minutes and I hit my 5 hour rate limit in the Gemini app. Here is the proof. Yesterday, I hit the rate limit the same way, so I wanted to check if it would happen again. I started with 0% usage on my 5 hour limit, then gave one simple prompt for video generation using the avatar feature. It ran for around 3 to 4 minutes, hit 100% of the rate limit, and the video generation failed as well.

AshutoshShrivastava

82,448 views • 2 months ago

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.
0:38

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.

Meng To

71,217 views • 1 year ago

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.
2:47

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.

nader dabit

119,262 views • 5 months ago

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?
0:59

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

91,974 views • 5 months ago

Get my collection of 14 fully editable Landing Pages in Figma! For FREE ⭐ Designs worth over $20,000 Here's how to grab them: 1. Follow me (so I can DM you) 2. Like this tweet 3. Comment “DM” below 4. RT is appreciated Here's what you'll get: - 14 editable Figma landing page designs - Suitable for beginners and mid-level designers seeking inspiration - Perfect for SaaS, FinTech, AI, Freelancers, and Agencies
0:24

Get my collection of 14 fully editable Landing Pages in Figma! For FREE ⭐ Designs worth over $20,000 Here's how to grab them: 1. Follow me (so I can DM you) 2. Like this tweet 3. Comment “DM” below 4. RT is appreciated Here's what you'll get: - 14 editable Figma landing page designs - Suitable for beginners and mid-level designers seeking inspiration - Perfect for SaaS, FinTech, AI, Freelancers, and Agencies

David ✷

96,537 views • 1 year ago

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.
2:06

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Aymducking

212,987 views • 1 month ago

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.
0:35

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,874 views • 8 months ago

Get my collection of 20 fully editable Hero Sections in Figma! For free✨ Designs worth over $1,000+ Here's how to grab them: 1. Follow me (so I can DM you) 2. Like this tweet 3. Comment “hero” below Here's what you'll get: - 20 editable Figma hero section designs - Midjourney images with prompts attached - Ideal for SaaS, FinTech, AI
0:22

Get my collection of 20 fully editable Hero Sections in Figma! For free✨ Designs worth over $1,000+ Here's how to grab them: 1. Follow me (so I can DM you) 2. Like this tweet 3. Comment “hero” below Here's what you'll get: - 20 editable Figma hero section designs - Midjourney images with prompts attached - Ideal for SaaS, FinTech, AI

David ✷

136,168 views • 2 years ago

Portfolio Launch 🪄❤️ Check out my new website! I spent a lot of time after work and on weekends to complete it. Built on Framer with the help of Framer University Figma. Fonts that I used are "Hanuman" and "Hind Siliguri". All illustrations were created by me in Figma. I hope you all enjoy my work
0:25

Portfolio Launch 🪄❤️ Check out my new website! I spent a lot of time after work and on weekends to complete it. Built on Framer with the help of Framer University Figma. Fonts that I used are "Hanuman" and "Hind Siliguri". All illustrations were created by me in Figma. I hope you all enjoy my work

Jeevanshu Narang

58,191 views • 2 years ago

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.
0:59

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.

Meng To

126,330 views • 1 year ago

Make your Figma designs more realistic with this simple plugin One thing I always prioritize in my Figma designs is realism— I love to make every design feel like the final product of cos while considering actual user feedback and making sure every detail aligns with how real people would interact with the app after production. But if you’ve ever presented a prototype, you’ve probably heard some funny questions like: ❓ “Why do all the thumbnails have the same image?” ❓ “Why is every name just ‘User’s Name’ or ‘Person’s Name’?” That’s when I discovered the Content Reel plugin in Figma. Instead of manually searching for different images on Unsplash or filling in placeholder names, this plugin lets me generate realistic profile images, names, and other content in seconds. Since then, I’ve cut down on unnecessary design tweaks and saved a ton of time. If you haven’t used it yet, add it to your Figma collection—you’ll thank me later! #UXDesign #UIDesign #Figmatutorial #Figmaplugin
1:32

Make your Figma designs more realistic with this simple plugin One thing I always prioritize in my Figma designs is realism— I love to make every design feel like the final product of cos while considering actual user feedback and making sure every detail aligns with how real people would interact with the app after production. But if you’ve ever presented a prototype, you’ve probably heard some funny questions like: ❓ “Why do all the thumbnails have the same image?” ❓ “Why is every name just ‘User’s Name’ or ‘Person’s Name’?” That’s when I discovered the Content Reel plugin in Figma. Instead of manually searching for different images on Unsplash or filling in placeholder names, this plugin lets me generate realistic profile images, names, and other content in seconds. Since then, I’ve cut down on unnecessary design tweaks and saved a ton of time. If you haven’t used it yet, add it to your Figma collection—you’ll thank me later! #UXDesign #UIDesign #Figmatutorial #Figmaplugin

designwithkingsley

41,893 views • 1 year ago

Being able to move fluidly between Figma Make and the canvas is a pretty big deal Recent example 👇 1️⃣ Started exploring a minified recording toolbar directly on the canvas 2️⃣ Once I had some rough shapes I moved it into Make, imported my style guide, and started bringing it to life with expandable controls, hover states, and tooltips for keyboard shortcuts 3️⃣ A few prompts later, I had something interesting… but the layout wasn’t quite right. 4️⃣ So I jumped back into the canvas and made ~8 quick variations with a bigger video container. 5️⃣ Once I got somewhere interesting I brought that back into Make. All I had to do was copy and paste the frames for my default and hover state of the component and it pretty much nailed the core layout 6️⃣ Then I layered on the timer and made it interactive. But once I got it back into Make I thought "hmm... what if the toolbar layout was based on which quadrant of the screen the component was in 🤔" I was able to one shot this interaction and after playing with it a bunch I kinda love it? 7️⃣ Sent it to the team in Inflight so everyone could play with the prototype. 8️⃣ Brought the up to date UI back into the canvas to polish some of the tooltip details Before this, it always felt like I had to choose between two very different workflows. Now I can bounce between them seamlessly and it’s genuinely changing how I explore ideas.
0:28

Being able to move fluidly between Figma Make and the canvas is a pretty big deal Recent example 👇 1️⃣ Started exploring a minified recording toolbar directly on the canvas 2️⃣ Once I had some rough shapes I moved it into Make, imported my style guide, and started bringing it to life with expandable controls, hover states, and tooltips for keyboard shortcuts 3️⃣ A few prompts later, I had something interesting… but the layout wasn’t quite right. 4️⃣ So I jumped back into the canvas and made ~8 quick variations with a bigger video container. 5️⃣ Once I got somewhere interesting I brought that back into Make. All I had to do was copy and paste the frames for my default and hover state of the component and it pretty much nailed the core layout 6️⃣ Then I layered on the timer and made it interactive. But once I got it back into Make I thought "hmm... what if the toolbar layout was based on which quadrant of the screen the component was in 🤔" I was able to one shot this interaction and after playing with it a bunch I kinda love it? 7️⃣ Sent it to the team in Inflight so everyone could play with the prototype. 8️⃣ Brought the up to date UI back into the canvas to polish some of the tooltip details Before this, it always felt like I had to choose between two very different workflows. Now I can bounce between them seamlessly and it’s genuinely changing how I explore ideas.

Ridd 🤿

27,665 views • 9 months ago

Many of you asked for "PART 3" 🔥 Here's the fully editable Websites Designs Inspiration in Figma ✨ FREE for 24 hours only 🕐 Like and Comment "Send" to receive the link. Must be following so I can DM you 💬
1:28

Many of you asked for "PART 3" 🔥 Here's the fully editable Websites Designs Inspiration in Figma ✨ FREE for 24 hours only 🕐 Like and Comment "Send" to receive the link. Must be following so I can DM you 💬

Emy

246,744 views • 2 years ago

Prototyping used to scare me. So I tried to escape it. I remember when I first started designing in Figma, prototyping felt like a mountain I didn’t want to climb. It was that one thing most designers quietly avoided some even said it’s not necessary 😄. I searched for shortcuts. Tried ProtoPie. Looked into Principle. Hoped one of them would save me the trouble. But they all felt disconnected. Too complex. Or just not Figma. So I made a decision: If I’m designing in Figma, I’m prototyping in Figma too. That meant doing everything, product planning, ideation, low-fi, high-fi, and interaction flows all in one tool. No more bouncing around. No more excuses. The first nut to crack? A loading effect. It took me 4 days to figure out. I searched everywhere, YouTube had nothing at the time. But I cracked it just one morning I saw myself trying it out in my dream. Woke up immediately and it was 4am, tried it and it worked. And that changed everything. Prototyping became the one language I could use to explain my designs… without explaining. Today, every prototype I create lives and breathes in Figma. Most of them can either be creative exploration or me trying to fix a broken user experience. No exports. No guesswork. Just clean, clickable experiences. It wasn’t easy. But I’m glad I stopped running from it. Because I would’ve missed out on one skill that: ✅ Earned my first £95K within 7 months while in UK. ✅ Got Uber to reach out to speak about interactive design. ✅ Worked with so many client even from Pakistan. ✅ Watched by more than 1 million people in the first 6 months I started sharing interactive designs. ✅ Prototyping landed me a 9-month contract just 3 days after getting laid off last year. ✅ Funny how the skill I once ran from helped me grow from 500 to 50,000 followers in 7 months. Prototyping gave my work a voice. #prototyping #figmaexperience #productdesign
1:57

Prototyping used to scare me. So I tried to escape it. I remember when I first started designing in Figma, prototyping felt like a mountain I didn’t want to climb. It was that one thing most designers quietly avoided some even said it’s not necessary 😄. I searched for shortcuts. Tried ProtoPie. Looked into Principle. Hoped one of them would save me the trouble. But they all felt disconnected. Too complex. Or just not Figma. So I made a decision: If I’m designing in Figma, I’m prototyping in Figma too. That meant doing everything, product planning, ideation, low-fi, high-fi, and interaction flows all in one tool. No more bouncing around. No more excuses. The first nut to crack? A loading effect. It took me 4 days to figure out. I searched everywhere, YouTube had nothing at the time. But I cracked it just one morning I saw myself trying it out in my dream. Woke up immediately and it was 4am, tried it and it worked. And that changed everything. Prototyping became the one language I could use to explain my designs… without explaining. Today, every prototype I create lives and breathes in Figma. Most of them can either be creative exploration or me trying to fix a broken user experience. No exports. No guesswork. Just clean, clickable experiences. It wasn’t easy. But I’m glad I stopped running from it. Because I would’ve missed out on one skill that: ✅ Earned my first £95K within 7 months while in UK. ✅ Got Uber to reach out to speak about interactive design. ✅ Worked with so many client even from Pakistan. ✅ Watched by more than 1 million people in the first 6 months I started sharing interactive designs. ✅ Prototyping landed me a 9-month contract just 3 days after getting laid off last year. ✅ Funny how the skill I once ran from helped me grow from 500 to 50,000 followers in 7 months. Prototyping gave my work a voice. #prototyping #figmaexperience #productdesign

designwithkingsley

13,869 views • 1 year ago

I’ve been using Figma way too long not to know this…😳 When I need a static version of a frame to use in a mock-up, graphic or wireframe, I normally export the frame as a png or jpg and drag it back into my Figma project. But this little feature is such a time saver!! It’s the little things…😌 Am I the only one who didn’t know about this??
0:47

I’ve been using Figma way too long not to know this…😳 When I need a static version of a frame to use in a mock-up, graphic or wireframe, I normally export the frame as a png or jpg and drag it back into my Figma project. But this little feature is such a time saver!! It’s the little things…😌 Am I the only one who didn’t know about this??

Elizabeth Alli - DesignerUp

60,085 views • 3 years ago

WTF did I just make? I gave Veo 3 one of SNL’s most bizarre dialogues — “Deep Thoughts by Jack Handey” — and this happened. AI comedy channels are about to 10x the views of network TV. This took me 3 hours. Try this prompt for yourself 👇🏼
1:35

WTF did I just make? I gave Veo 3 one of SNL’s most bizarre dialogues — “Deep Thoughts by Jack Handey” — and this happened. AI comedy channels are about to 10x the views of network TV. This took me 3 hours. Try this prompt for yourself 👇🏼

PJ Ace

407,816 views • 1 year ago