Loading video...

Video Failed to Load

Go Home

Can your vibe coding tool do this?

57,909 views • 1 year ago •via X (Twitter)

37 Comments

Pietro Schirano's profile picture
Pietro Schirano1 year ago

Spoiler alert, it can't.

Pietro Schirano's profile picture
Pietro Schirano1 year ago

Because it's really really hard to do.

Abu's profile picture
Abu1 year ago

Superb 🚀

Pietro Schirano's profile picture
Pietro Schirano1 year ago

Abu!!

Sinuhet's profile picture
Sinuhet1 year ago

Any chance to implement something like "copy format" functionality? Let us say I have a component with 3 divs and I edited border and corners and background colour of one doc and I want to apply those changes on the remaining 2 divs. Probably not possible/too complicated... However should there be a way then the next logical step would be copying formats between components on canvas...

Pietro Schirano's profile picture
Pietro Schirano1 year ago

I like this, worth experimenting

Sinuhet's profile picture
Sinuhet1 year ago

I am a MagicPath pro user and I hope I find time to give you more "tips' like this. It is very difficult to implement - I did the same now in my project when I was setting in react all settings to edit from frontend SciCharts design on the fly... It was a nightmare. Really root for you to succeed with Magic Path!

Marcel's profile picture
Marcel1 year ago

damnnn no it cannot

Pietro Schirano's profile picture
Pietro Schirano1 year ago

Let's gooo!

The Canaanite's profile picture
The Canaanite1 year ago

Wow

Ivan's profile picture
Ivan1 year ago

Insane, when the Figma integration planed? This year?

john reynolds's profile picture
john reynolds1 year ago

Oh this is cool. Direct editing within the vibe code/prompt interface.

Pietro Schirano's profile picture
Pietro Schirano1 year ago

Yep, and what you get is React code ready to use. We are truly the only product (@MagicPathAI) that allows this level of control with AI. And every time you save a change, we keep a full version control history of your designs.

Saïd Aitmbarek's profile picture
Saïd Aitmbarek1 year ago

love the inline component edit mode

Bernardo Ferrari's profile picture
Bernardo Ferrari1 year ago

fantastic!!

EddyLeeKhane's profile picture
EddyLeeKhane1 year ago

Dope to see that in realtime With stuff like stagewise and Irfan you have a close second

Chris Laupama's profile picture
Chris Laupama1 year ago

This is what @Replit needs - @darshkpatel

Angelo Ferrera's profile picture
Angelo Ferrera1 year ago

I will try on the weekend

Koosha Azim's profile picture
Koosha Azim1 year ago

Ooh that’s clean

Oleksandr | Building CORE's profile picture
Oleksandr | Building CORE1 year ago

Looks slick—like Figma with AI—but I’m still wondering how stable it is and whether it’s truly faster end‑to‑end; lately I’ve found starting from solid templates and straightforward edits often beat AI tools in real workflows, where overhead and unpredictability slow things down.

Snocu 🪿's profile picture
Snocu 🪿1 year ago

I can step outside my door and look at this myself :-)

Ted Sky ✦ R&D Venture Architect's profile picture
Ted Sky ✦ R&D Venture Architect1 year ago

Appreciate that it definitely requires desktop, but I’d like to see website from mobile at least to check features and pricing

zanwei.guo's profile picture
zanwei.guo1 year ago

not sure how you see this, but from a designer’s perspective, design output is an iterative and exploratory process. If this process can’t be carried out directly within the product, it creates a strong sense of insecurity and lack of direction.

Nikolai Arsenov's profile picture
Nikolai Arsenov1 year ago

You are right, it cannot! I mean…well…it would be ugly at the beginning and you probably would spend quite some time to fine tune it (in English). However, most importantly, you probably won’t be able to maintain it at production state. 😅🤣 The code is so ugly, never look there, adding the features on your own - good luck 🍀

Christian von Uffel's profile picture
Christian von Uffel1 year ago

Are we able to see our original prompts yet? When I create a new component, I can’t see them after the fact.

Andrey's profile picture
Andrey1 year ago

maybe in 10 years, but it is still easy to distinguish an ai generated front vs the human master piece

Pedro's profile picture
Pedro1 year ago

Yes

Alejandro Lanaspa's profile picture
Alejandro Lanaspa1 year ago

@chiefbuidl who's gonna tell him?

Jessin Sam S's profile picture
Jessin Sam S1 year ago

Hey man, You should check out my platform now! It’s fully vibe-coded using @v0. Generate high-end UI using prompts and export Figma editable. I deserve your subscription to my platform :)

meshy's profile picture
meshy1 year ago

thread builders are underrated for pre-launch buzz. visual preview = higher engagement. tip: if you're building this, add scheduling + auto-publish to twitter api. canva tried this but ux was clunky. also consider templates—most people struggle with thread structure. give them 'product launch', 'story time', 'how-to' frameworks. speeds up creation, increases usage frequency

Utsav's profile picture
Utsav1 year ago

Is this only for designing and static data only ? Or truly meant for building UI ?

Unrefined's profile picture
Unrefined1 year ago

Literally v0

Amir Behzadi's profile picture
Amir Behzadi1 year ago

Yes actually

pete's profile picture
pete1 year ago

Is this not figma make?

Dragoș Gavrilă's profile picture
Dragoș Gavrilă1 year ago

What's the base for the components, shadcn or something? Everything generated will look the same - basic customisation won't change that...

Domenico Di Donna's profile picture
Domenico Di Donna1 year ago

This is impressive Pietro, and I agree, they can't yet! What's the process to move from those beautiful UIs to a "semi" functional - vibe coded solution? Exporting and importing into Cursor? I am curious, because I find myself more and more designing with an AI first approach, where I am building advanced dirty prototypes... not production stuff, meant to lock in UX and flows... and then exporting single screens from Figma Make to Figma to polish... So the approach to MagicPath would be different... but without any layer of logic I find myself strugling to find a way to use it. I may be an edge case, or not the primary audience tho.

Taha Ali Adil's profile picture
Taha Ali Adil1 year ago

review it :)

Related Videos