正在加载视频...

视频加载失败

Can your vibe coding tool do this?

57,909 次观看 • 1 年前 •via X (Twitter)

37 条评论

Pietro Schirano 的头像
Pietro Schirano1 年前

Spoiler alert, it can't.

Pietro Schirano 的头像
Pietro Schirano1 年前

Because it's really really hard to do.

Abu 的头像
Abu1 年前

Superb 🚀

Pietro Schirano 的头像
Pietro Schirano1 年前

Abu!!

Sinuhet 的头像
Sinuhet1 年前

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 的头像
Pietro Schirano1 年前

I like this, worth experimenting

Sinuhet 的头像
Sinuhet1 年前

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 的头像
Marcel1 年前

damnnn no it cannot

Pietro Schirano 的头像
Pietro Schirano1 年前

Let's gooo!

The Canaanite 的头像
The Canaanite1 年前

Wow

Ivan 的头像
Ivan1 年前

Insane, when the Figma integration planed? This year?

john reynolds 的头像
john reynolds1 年前

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

Pietro Schirano 的头像
Pietro Schirano1 年前

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 的头像
Saïd Aitmbarek1 年前

love the inline component edit mode

Bernardo Ferrari 的头像
Bernardo Ferrari1 年前

fantastic!!

EddyLeeKhane 的头像
EddyLeeKhane1 年前

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

Chris Laupama 的头像
Chris Laupama1 年前

This is what @Replit needs - @darshkpatel

Angelo Ferrera 的头像
Angelo Ferrera1 年前

I will try on the weekend

Koosha Azim 的头像
Koosha Azim1 年前

Ooh that’s clean

Oleksandr | Building CORE 的头像
Oleksandr | Building CORE1 年前

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 🪿 的头像
Snocu 🪿1 年前

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

Ted Sky ✦ R&D Venture Architect 的头像
Ted Sky ✦ R&D Venture Architect1 年前

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

zanwei.guo 的头像
zanwei.guo1 年前

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 的头像
Nikolai Arsenov1 年前

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 的头像
Christian von Uffel1 年前

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

Andrey 的头像
Andrey1 年前

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

Pedro 的头像
Pedro1 年前

Yes

Alejandro Lanaspa 的头像
Alejandro Lanaspa1 年前

@chiefbuidl who's gonna tell him?

Jessin Sam S 的头像
Jessin Sam S1 年前

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 的头像
meshy1 年前

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 的头像
Utsav1 年前

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

Unrefined 的头像
Unrefined1 年前

Literally v0

Amir Behzadi 的头像
Amir Behzadi1 年前

Yes actually

pete 的头像
pete1 年前

Is this not figma make?

Dragoș Gavrilă 的头像
Dragoș Gavrilă1 年前

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 的头像
Domenico Di Donna1 年前

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 的头像
Taha Ali Adil1 年前

review it :)

相关视频