@firstnamelastname3142 i had the same issue but i think it's an internet speed issue, i used 4g (which is so bad in my region around 2mbps) and didnt work always saying cant import the design, then used a stable internet (at 12mbps) and it worked in an instant on the same page, managed to get the code for components
As someone who has made several websites with different tools like Next.Js, Framer, and Webflow. I used low code tools because although I can code I find myself slowing down by coding UI. This is literally the best of all worlds. Builder allows me to focus on design without having to compromise on functionality that low-code tools bring. Amazing tools guys, keep it up!
Damn! A quick glance at your privacy policy shows that you're collecting A LOT of data! That's a bit too much plus the $24/month being the lowest tier. All of that for a product in beta only for web design??!
I have never seen anyone this happy and glowing from the inside as this guy is. Awesome, I could not watch this video without a big smile on my own face (and yeah, perhaps also a little awe because of how much easier this is going to make stuff for me now). THIS is how our work should make us feel, people :)
Has anyone actually built I'd say complex web applications using tools like these...there are literally hundreds now...I feel like all the demos are marketing style sites, like this one is. I spent most of last Friday working with Locofy to build something, started at the page level which failed and then moved to component level. To be fair, it produced code that had the UI render perfectly, but the code was far too complicated and not reusable enough, that it didn't seem right to proceed. Anyway, I'm excited to try builder with typescript, NextJS and MUI and see if it fairs any better.
Okay, gave it a quick go and was a bit dissapointed...perhaps it's me. Tried to export a component but that's not supported yet, tried to export one instance of that component and the text was all off and a left edge border that should have been a few px, suddenly was like 30px, also chips were shrunk so that the text wrapped onto a new line.
I think these tools are very good for building stunning websites with not much complexity. The moment you start to add complexity you would need to roll up your sleeves and code. E.g. not sure if this tool can handle request like custom signup/signin page with NextAuth using jwt.
We are definitely still at the very first generation of these tools even starting to exist. They are just tech demos at this point but show a lot of promise. No code tools are great if you can do the whole thing as no code. As soon as you need custom functionality or try to maintain it you’re screwed. I think this stuff will not be used alongside traditional development. It will mostly sit around being useless until it suddenly replaces the need for manual development for wider and wider domains. But yeah I don’t see anyone excited to try and manually maintain computer generated code
This is exactly what people said about IaC Automation tools when agile workflows ran robust code on monorepo's, and when you compiled the code the whole team took a week off until it finished. And here we are. Wether it works(now or yet) it really irrelevant. in less than 2 years its gonna be a standard
This looks cool and there is a lot of information, wading through it, still haven't found the directions on how to install. If anyone wants to post this I'm sure it'll help people get to it, I think what is lacking is a distilled, here is how you get it in your figma and start.
Man, has anyone gotten this working? I tried getting it working on the beginnings of a NextJS project, and it would only even show up (the little button) on a few pages. I couldn't get my components linked to the builder, and now I've spent like 30min trying to uninstall it because I can't spend any more time to figure it out. I've tried to search for uninstall instructions, deleted everything I can find from my package.json, and even used git to try to find out which files might have been modified. It seems like it'd be great, but man, I can't find almost any info on how to make it work or how to remove it. (Edit) got it removed. I'd still like to try it, but maybe it'd be good to wait for a bit.
I share the same sentiment. Despite spending tens of hours, I couldn't even get the basics to work. (P.S. I'm an algorithm engineer with only previous experience in developing with Vue.js.) The promotional video is top-notch, yet the documentation is a disaster. It's one of the most disorganized documents I've ever encountered. Instead of clearly demonstrating a minimum viable product, it's crammed with complex concepts that only serve to confuse and lose the user within its pages. I'm deeply disappointed with this product. It may be well-designed, but the documentation is an utter mess. The RUclips channel doesn't provide a comprehensive demonstration of a minimum viable product either; it's just the CEO boasting about how great their product is. They should test the documentation with someone who has never used their product and see if they can figure out how to create a minimum viable product amidst the chaos. I'm unsubscribing and walking away from this trainwreck.
Damn, I still remember Visual Basic back in 1998. All visual interface. Not much has changed people. Still drawing windows and inputting text in text fields 😂😂😂
I would love to see it becoming easier and more connected with tools like dalle3 etc. And also allowing for advanced projects with many real use cases.
After watching this i tried to hold myself from going bananaz...Went up to the IDE and started import & sync. And WWWWWWOOOOOOOOOOOWWWWWWWWWW!!!!!!!!!!! 😎🤯🤯🤯🤯🤯🤯 This is the best any dev can get
How does this interact with a already built codebase that already has many props and and components. does the AI take the whole application into account? sorry if you explained this earlier
can we do the opposite? Give you the code of a website and you can gives us the disign in figma? Like that we can have the latest design and do small UI changes and present it to business and if they like it can we make it into production ready code
My gut suggests that if a generative LLM can create good code from a picture... it wasn't a very complicated problem to start with. Most websites aren't exactly tricky code.
The thing is, this isn't generating code from just a picture. It's a design within figma which has way more information to work with than just a picture.
RIP to front-end devs. There will only be “Visual Interface Designers” needed from now on, as this tool automates the “development” part of engineering a front-end interface.
I'm just curious how much you can scale this. If you app gets bigger and bigger there will be much more code because I doubt it is away for principles like don't repeat yourself or code reusability. It will run to bad performance quite quickly.
I imagine it won't be long until dry principles and sharing of code are baked into products like this. It's amazing what it can do already but scary at the same time
I need this in my life. Doing a lot with qwik js as you’ll see on this channel, how can I now learn all of what your tools can do? Do you have a zero to hero course?
Is there an AI that helps me build or draft browser extensions or mobile apps? Like let’s say I have an app I like (Spotify or coinbase) and I want to use that as a sample and improve upon the app or extension?
Don't worry about being replaced by it. The thing that is going to happened, by my humble opinion, is that this will be fast and trivial, but the clients will demand more.
Yes, you're right. It simply doesn't work even for relatively simple designs and it has nothing to with LLM level as they say in the video. ChatGPT will never be capable to write a good book for example (if it's not for kids ofc)
Watch on velocity.builder.io/ for the best experience and fastest access to the release!
Interesting but how can you really trust this or the coding? This takes away some security in my opinion 🤔
What does CICD look like if it's desired to have Argo or GitLab CICD situated before Publish?
Bro dropped the best feature in web dev and thought we wouldnt notice
Didn’t work for a basic page for me. Will wait till it’s a bit more mature
@firstnamelastname3142 i had the same issue but i think it's an internet speed issue, i used 4g (which is so bad in my region around 2mbps) and didnt work always saying cant import the design, then used a stable internet (at 12mbps) and it worked in an instant on the same page, managed to get the code for components
@@Gosurfdammit same
@@Gosurfdammit I have bad news, it won't ever happen. It just has nothing to do with LLM complexity.
As someone who has made several websites with different tools like Next.Js, Framer, and Webflow. I used low code tools because although I can code I find myself slowing down by coding UI. This is literally the best of all worlds. Builder allows me to focus on design without having to compromise on functionality that low-code tools bring. Amazing tools guys, keep it up!
What are you using now?
Have you tried the generated code on real users?
Damn! A quick glance at your privacy policy shows that you're collecting A LOT of data! That's a bit too much plus the $24/month being the lowest tier. All of that for a product in beta only for web design??!
This is the kind of comment that the world needs
Thanks for the info 👍
$24/month for the tool that doesn't even work for almost any design.
It's crazy how much we can achieve within a span of a few years using this flow! No more centring div hard problem for front end devs...
Good point , but if there is any need for front-end devs anymore!!🤦♂️
@@mohammadkhakhsoor2068only junior frontend developers and below think that UI design is the only thing in frontend work.
@@mohammadkhakhsoor2068 i'd like to see how it manages state
No more frontend devs - you probably wanted to say, with these tools progressing at this speed, the frontend devs will become obsolete in no time
@@tomaspilny8320 yeah , i totally meant that , isn't that the truth??
I have never seen anyone this happy and glowing from the inside as this guy is. Awesome, I could not watch this video without a big smile on my own face (and yeah, perhaps also a little awe because of how much easier this is going to make stuff for me now).
THIS is how our work should make us feel, people :)
Can feel this joy to 😂
Has anyone actually built I'd say complex web applications using tools like these...there are literally hundreds now...I feel like all the demos are marketing style sites, like this one is. I spent most of last Friday working with Locofy to build something, started at the page level which failed and then moved to component level. To be fair, it produced code that had the UI render perfectly, but the code was far too complicated and not reusable enough, that it didn't seem right to proceed. Anyway, I'm excited to try builder with typescript, NextJS and MUI and see if it fairs any better.
Okay, gave it a quick go and was a bit dissapointed...perhaps it's me. Tried to export a component but that's not supported yet, tried to export one instance of that component and the text was all off and a left edge border that should have been a few px, suddenly was like 30px, also chips were shrunk so that the text wrapped onto a new line.
@@matthewbeardsley7004 That is why you need front end developer, we tried using these no-code tools, but it failed building complex UI components.
I think these tools are very good for building stunning websites with not much complexity. The moment you start to add complexity you would need to roll up your sleeves and code. E.g. not sure if this tool can handle request like custom signup/signin page with NextAuth using jwt.
We are definitely still at the very first generation of these tools even starting to exist. They are just tech demos at this point but show a lot of promise. No code tools are great if you can do the whole thing as no code. As soon as you need custom functionality or try to maintain it you’re screwed. I think this stuff will not be used alongside traditional development. It will mostly sit around being useless until it suddenly replaces the need for manual development for wider and wider domains. But yeah I don’t see anyone excited to try and manually maintain computer generated code
This is exactly what people said about IaC Automation tools when agile workflows ran robust code on monorepo's, and when you compiled the code the whole team took a week off until it finished. And here we are. Wether it works(now or yet) it really irrelevant. in less than 2 years its gonna be a standard
really....really.....amazing. You mark a new era. Thank you for all your effort and ingenuity.
This is just brilliant. Congratulations on your launch, very impressive update.
this is amazing, as a dev this is the first ai design tool i have seen that i might actually use and pay for
this video should reach millions of developers
As a front end dev existence of this video is a danger for me and we should destroy it 😂
You can sit back and relax. It simply wouldn't work for real use cases 😉
Broo, no wayyy!!! If that is really that goooood, it's a revolution!!!!
it's crazy what next web applications will be next few years
Mind blown🤯. More devs need to hear about this.
Bro woke up and chose to start a revolution. This is fire 🔥
Never heard of Builder until you popped up on my RUclips. Looks awesome, will give it a try
A skilled developer with such a profound understanding of the user experience is an insanely rare. How do I invest?
Amazing, no words to describe my respect to your wonderful team
Holy cow that was incredible
This is absolutely astonishing! I love this!
This looks cool and there is a lot of information, wading through it, still haven't found the directions on how to install. If anyone wants to post this I'm sure it'll help people get to it, I think what is lacking is a distilled, here is how you get it in your figma and start.
Man, has anyone gotten this working? I tried getting it working on the beginnings of a NextJS project, and it would only even show up (the little button) on a few pages. I couldn't get my components linked to the builder, and now I've spent like 30min trying to uninstall it because I can't spend any more time to figure it out. I've tried to search for uninstall instructions, deleted everything I can find from my package.json, and even used git to try to find out which files might have been modified. It seems like it'd be great, but man, I can't find almost any info on how to make it work or how to remove it. (Edit) got it removed. I'd still like to try it, but maybe it'd be good to wait for a bit.
🤣. This sounds stressful
I share the same sentiment. Despite spending tens of hours, I couldn't even get the basics to work. (P.S. I'm an algorithm engineer with only previous experience in developing with Vue.js.) The promotional video is top-notch, yet the documentation is a disaster. It's one of the most disorganized documents I've ever encountered. Instead of clearly demonstrating a minimum viable product, it's crammed with complex concepts that only serve to confuse and lose the user within its pages.
I'm deeply disappointed with this product. It may be well-designed, but the documentation is an utter mess. The RUclips channel doesn't provide a comprehensive demonstration of a minimum viable product either; it's just the CEO boasting about how great their product is. They should test the documentation with someone who has never used their product and see if they can figure out how to create a minimum viable product amidst the chaos. I'm unsubscribing and walking away from this trainwreck.
Amazing and unbelievable 🤩😍😱
We need a course for that. To master that!!!
good for static sites. doubt this will work well for dynamic sites when you have complex UI logic for forms, dynamic state managements.
Damn, I still remember Visual Basic back in 1998. All visual interface.
Not much has changed people. Still drawing windows and inputting text in text fields 😂😂😂
I would love to see it becoming easier and more connected with tools like dalle3 etc.
And also allowing for advanced projects with many real use cases.
I like your vision
Looks like next level DX. Can not wait to try it out!
After watching this i tried to hold myself from going bananaz...Went up to the IDE and started import & sync. And WWWWWWOOOOOOOOOOOWWWWWWWWWW!!!!!!!!!!! 😎🤯🤯🤯🤯🤯🤯 This is the best any dev can get
this is crazy! well done. this will change the industry.
Yeah. Just like dreamweaver did.
Damn, can’t wait to try this!
Awesome work, damn
Totally incredible!
amazing guys! this is going to help us a lot 👏👏👏🎉
Ok this is insanely cool actually. Gonna have to try this out
This is awesome..
Developer experience 🚀
Legendary product ❤
How does this interact with a already built codebase that already has many props and and components. does the AI take the whole application into account? sorry if you explained this earlier
good question
Wow, this is incredible!
can we do the opposite? Give you the code of a website and you can gives us the disign in figma? Like that we can have the latest design and do small UI changes and present it to business and if they like it can we make it into production ready code
That is what we really need, design focused for devs
Awesome I like the way you implemented this❤
Yeah this will be my christmas project
What about motions and design animations?
My gut suggests that if a generative LLM can create good code from a picture... it wasn't a very complicated problem to start with. Most websites aren't exactly tricky code.
The thing is, this isn't generating code from just a picture. It's a design within figma which has way more information to work with than just a picture.
this is insane. Good job!!!!!! :)
This is revolutionary.
Been dreaming of quite literally this for a very very long time. Bravo!
This is so cool. Will definitely check it out.
I know it's easy, it should be... I just feel overwhelmed like technology is advancing so fast that where do I start from 😮💨
Im not able to put into words how exactly I feel like.... excited and worried at the same time :) :(
This is exactly what i needed
Food for thought! 🤔🤯
Looks great! What service do you use to push the remote updates to the user's local branch? Is it something public?
This is amazing
Can it generates editable design from the code base that previously generated from the AI ? That will be awesome,
Is this guy the new Steve Jobs or what!
RIP to front-end devs. There will only be “Visual Interface Designers” needed from now on, as this tool automates the “development” part of engineering a front-end interface.
Yep it’s game over 😅
WOW! This is amazing!
Awesome, I'm guessing you finetuned an open source model? I'm a bit lost regarding what to choose as a base but I wanted to look into that
I'm just curious how much you can scale this. If you app gets bigger and bigger there will be much more code because I doubt it is away for principles like don't repeat yourself or code reusability. It will run to bad performance quite quickly.
i think it just for normel website , not highend website
I imagine it won't be long until dry principles and sharing of code are baked into products like this. It's amazing what it can do already but scary at the same time
This is really impressive!
Great!! Now I just need to learn Figma lol😂
Wow! Wow! Wow! Just a magic) hardcore)
I shared it to my friends, and will try it today. Hope will be same easy as in tutorial)
How the results are?
I need this in my life. Doing a lot with qwik js as you’ll see on this channel, how can I now learn all of what your tools can do? Do you have a zero to hero course?
this looks sick!
This is amazing!
I am very interested in your software. Is there any support for generating react code?
this can make full-stack development faster
Why? In my opinion, it will make it slower.
Will you provide export to Flutter as well?
@builderio - what does this look like when working with a CICD workflow in the middle (just before publish)?
I've seen the future! 💕
I wrote myself into the waitlist. Any experience how long it takes until I get access?^^
It's over guys, lets learn farming now
I'm concern about semantic, customization, optimization, accessibility. What are its limitations?
Yooo wtf is this craaazy stuff
very shocking in a positive way
This is nuts!
Woot woot 🎉
Mind blowing 🤯
Is there an AI that helps me build or draft browser extensions or mobile apps? Like let’s say I have an app I like (Spotify or coinbase) and I want to use that as a sample and improve upon the app or extension?
This is amazing
And you can generate the good practice wcag and seo?
Great Innovation
Now then All I need to learn in Figma
very impressive!
Don't worry about being replaced by it.
The thing that is going to happened, by my humble opinion, is that this will be fast and trivial, but the clients will demand more.
Yes, you're right. It simply doesn't work even for relatively simple designs and it has nothing to with LLM level as they say in the video. ChatGPT will never be capable to write a good book for example (if it's not for kids ofc)
This is amazing. Will it have HTMX support?
It's amazing !
Just finish it already like with flutterflow, we should be even adding firebase firestore, auth, apis, state management etc
Awesome!! 🤯
❤❤ very cool thank your share 🎉
Nice , I will try
Fantastic 🎉
This is insane
How did you get your codebase?
Does this work for react native as well?
omg, this is insane... its amaizing but make me afraid as well
Can this generate a backend for the dynamic site too?
How many lines of code can this write at once?
Impressive stuff