Introducing Visual Copilot - Design to Code in a Click

Поділитися
Вставка
  • Опубліковано 11 жов 2023
  • Q&A: / discord
    Read the full announcement and try it yourself: www.builder.io/blog/figma-to-...
  • Розваги

КОМЕНТАРІ • 267

  • @Builderio
    @Builderio  7 місяців тому +14

    Watch on velocity.builder.io/ for the best experience and fastest access to the release!

    • @jamesbrunell9215
      @jamesbrunell9215 7 місяців тому +1

      Interesting but how can you really trust this or the coding? This takes away some security in my opinion 🤔

    • @knaledge6854
      @knaledge6854 7 місяців тому

      What does CICD look like if it's desired to have Argo or GitLab CICD situated before Publish?

  • @and_rotate69
    @and_rotate69 7 місяців тому +156

    Bro dropped the best feature in web dev and thought we wouldnt notice

    • @Gosurfdammit
      @Gosurfdammit 7 місяців тому +4

      Didn’t work for a basic page for me. Will wait till it’s a bit more mature

    • @and_rotate69
      @and_rotate69 7 місяців тому +1

      @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

    • @jrstudio07
      @jrstudio07 6 місяців тому

      @@Gosurfdammit same

  • @matickovac
    @matickovac 7 місяців тому +5

    This is just brilliant. Congratulations on your launch, very impressive update.

  • @Diego_Cabrera
    @Diego_Cabrera 7 місяців тому +46

    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!

  • @leandrosavatful
    @leandrosavatful 7 місяців тому +25

    really....really.....amazing. You mark a new era. Thank you for all your effort and ingenuity.

  • @TheBikebelle
    @TheBikebelle 7 місяців тому +6

    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 :)

    • @ashkn2757
      @ashkn2757 5 місяців тому +1

      Can feel this joy to 😂

  • @juliantibana7657
    @juliantibana7657 7 місяців тому +1

    This is absolutely astonishing! I love this!

  • @someshthakur
    @someshthakur 7 місяців тому +69

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

    • @mohammadkhakhsoor2068
      @mohammadkhakhsoor2068 7 місяців тому +11

      Good point , but if there is any need for front-end devs anymore!!🤦‍♂️

    • @macmanuelodumeru3708
      @macmanuelodumeru3708 7 місяців тому

      ​@@mohammadkhakhsoor2068only junior frontend developers and below think that UI design is the only thing in frontend work.

    • @cipher01
      @cipher01 7 місяців тому

      @@mohammadkhakhsoor2068 i'd like to see how it manages state

    • @tomaspilny8320
      @tomaspilny8320 7 місяців тому +5

      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

    • @mohammadkhakhsoor2068
      @mohammadkhakhsoor2068 7 місяців тому

      @@tomaspilny8320 yeah , i totally meant that , isn't that the truth??

  • @jakobkristensen2390
    @jakobkristensen2390 7 місяців тому

    Never heard of Builder until you popped up on my UA-cam. Looks awesome, will give it a try

  • @DaviOliveira-tb7tq
    @DaviOliveira-tb7tq 7 місяців тому +2

    Totally incredible!

  • @wingsu1550
    @wingsu1550 Місяць тому

    Amazing, no words to describe my respect to your wonderful team

  • @dogoku
    @dogoku 7 місяців тому +5

    Holy cow that was incredible

  • @jatidevelopments
    @jatidevelopments 7 місяців тому +1

    Looks like next level DX. Can not wait to try it out!

  • @Tom17ire
    @Tom17ire 7 місяців тому

    Damn, can’t wait to try this!
    Awesome work, damn

  • @aryankumawat
    @aryankumawat 7 місяців тому

    Awesome I like the way you implemented this❤

  • @adamberecz848
    @adamberecz848 7 місяців тому +1

    Looks great! What service do you use to push the remote updates to the user's local branch? Is it something public?

  • @petrus2746
    @petrus2746 3 місяці тому

    Mind blown🤯. More devs need to hear about this.

  • @gldzzpro5793
    @gldzzpro5793 7 місяців тому +1

    this video should reach millions of developers

  • @maskman4821
    @maskman4821 7 місяців тому +3

    Amazing and unbelievable 🤩😍😱

  • @wingmann3632
    @wingmann3632 7 місяців тому +1

    Broo, no wayyy!!! If that is really that goooood, it's a revolution!!!!

  • @bruzRON
    @bruzRON 7 місяців тому

    this is crazy! well done. this will change the industry.

    • @audiodrocher
      @audiodrocher 7 місяців тому

      Yeah. Just like dreamweaver did.

  • @pranitmane
    @pranitmane 7 місяців тому

    This is awesome..
    Developer experience 🚀

  • @shahfahad4222
    @shahfahad4222 7 місяців тому +5

    amazing guys! this is going to help us a lot 👏👏👏🎉

  • @AhsanKhan-eb2zb
    @AhsanKhan-eb2zb 7 місяців тому +1

    Legendary product ❤

  • @matthewbeardsley7004
    @matthewbeardsley7004 7 місяців тому +24

    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.

    • @matthewbeardsley7004
      @matthewbeardsley7004 7 місяців тому +12

      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.

    • @Ibrahim-fh6kv
      @Ibrahim-fh6kv 7 місяців тому

      @@matthewbeardsley7004 That is why you need front end developer, we tried using these no-code tools, but it failed building complex UI components.

    • @Grepsoft
      @Grepsoft 7 місяців тому

      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.

    • @nuvotion-live
      @nuvotion-live 7 місяців тому +1

      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

    • @youcancallmejoker340
      @youcancallmejoker340 Місяць тому

      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

  • @hypergraphic
    @hypergraphic 7 місяців тому

    This is so cool. Will definitely check it out.

  • @oserefemhenativie6681
    @oserefemhenativie6681 7 місяців тому

    Bro woke up and chose to start a revolution. This is fire 🔥

  • @darkwoodmovies
    @darkwoodmovies 7 місяців тому

    Ok this is insanely cool actually. Gonna have to try this out

  • @AvastarBin
    @AvastarBin 7 місяців тому +54

    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??!

    • @dreamingitself
      @dreamingitself 6 місяців тому +10

      This is the kind of comment that the world needs

    • @ejehisrael6422
      @ejehisrael6422 5 місяців тому +8

      Thanks for the info 👍

  • @devinlauderdale9635
    @devinlauderdale9635 4 місяці тому

    Wow, this is incredible!

  • @coderaiders-yt
    @coderaiders-yt 7 місяців тому

    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?

  • @itsdogpaw
    @itsdogpaw 7 місяців тому

    This is exactly what i needed

  • @ronaldnettey167
    @ronaldnettey167 7 місяців тому

    This is really impressive!

  • @knaledge6854
    @knaledge6854 7 місяців тому

    @builderio - what does this look like when working with a CICD workflow in the middle (just before publish)?

  • @fahmiirfan6923
    @fahmiirfan6923 7 місяців тому +1

    Can it generates editable design from the code base that previously generated from the AI ? That will be awesome,

  • @jswanson859
    @jswanson859 7 місяців тому

    WOW! This is amazing!

  • @benmidas
    @benmidas 5 місяців тому

    this is insane. Good job!!!!!! :)

  • @bopuc
    @bopuc 7 місяців тому

    Been dreaming of quite literally this for a very very long time. Bravo!

  • @onurylmaz2522
    @onurylmaz2522 7 місяців тому

    This is amazing!

  • @imsarvesh_
    @imsarvesh_ 7 місяців тому

    This is revolutionary.

  • @bensonmwaura9494
    @bensonmwaura9494 7 місяців тому

    Food for thought! 🤔🤯

  • @kavooss4205
    @kavooss4205 7 місяців тому +4

    As a front end dev existence of this video is a danger for me and we should destroy it 😂

  • @megamind452
    @megamind452 7 місяців тому

    Mind blowing 🤯

  • @proMehediBD
    @proMehediBD 7 місяців тому

    This is amazing

  • @maraliko81
    @maraliko81 7 місяців тому

    It's amazing !

  • @workflowinmind
    @workflowinmind 4 місяці тому

    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

  • @BoomerBargains-te8pv
    @BoomerBargains-te8pv 6 місяців тому

    this looks sick!

  • @paulsalele3844
    @paulsalele3844 7 місяців тому

    Awesome!! 🤯

  • @kurttheman
    @kurttheman 7 місяців тому +1

    Will you provide export to Flutter as well?

  • @arthursumer6012
    @arthursumer6012 7 місяців тому +1

    I am very interested in your software. Is there any support for generating react code?

  • @RoyerAdames
    @RoyerAdames 7 місяців тому

    I'm concern about semantic, customization, optimization, accessibility. What are its limitations?

  • @thetrojan_horse8020
    @thetrojan_horse8020 7 місяців тому

    This is awesome.

  • @Applecitylightkiwi
    @Applecitylightkiwi 6 місяців тому

    Yeah this will be my christmas project

  • @javadrip
    @javadrip 7 місяців тому

    This is nuts!

  • @maharshiguin7813
    @maharshiguin7813 7 місяців тому +29

    this is amazing, as a dev this is the first ai design tool i have seen that i might actually use and pay for

  • @bjul
    @bjul 7 місяців тому

    This is insane

  • @Didelab
    @Didelab 7 місяців тому

    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)

  • @wasserbesser
    @wasserbesser 7 місяців тому +2

    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.

    • @ashkn2757
      @ashkn2757 5 місяців тому

      I like your vision

  • @CodingCatDev
    @CodingCatDev 7 місяців тому

    Woot woot 🎉

  • @vukadinnjegos
    @vukadinnjegos 7 місяців тому

    Can this generate a backend for the dynamic site too?

  • @elo_888
    @elo_888 6 місяців тому

    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?

  • @NeverCodeAlone
    @NeverCodeAlone 7 місяців тому

    Very nice!!

  • @ahbegnueg
    @ahbegnueg 7 місяців тому +2

    We need a course for that. To master that!!!

  • @YushellDarwich
    @YushellDarwich 7 місяців тому +1

    This is amazing. Will it have HTMX support?

  • @SSn0wx
    @SSn0wx 7 місяців тому

    this is amazing

  • @praveentewatia223
    @praveentewatia223 7 місяців тому +2

    What about motions and design animations?

  • @lalasca6358
    @lalasca6358 7 місяців тому

    Great Innovation

  • @rajgopal2513
    @rajgopal2513 7 місяців тому

    Hi I wanted to ask, can it create forms?

  • @user-mo4gx3xg9i
    @user-mo4gx3xg9i 7 місяців тому

    ❤❤ very cool thank your share 🎉

  • @ahmednawaz4723
    @ahmednawaz4723 7 місяців тому

    Does this work for react native as well?

  • @brokeartisan
    @brokeartisan 7 місяців тому

    Impressive stuff

  • @djlipsy
    @djlipsy 7 місяців тому

    I've seen the future! 💕

  • @valentinkrajzelman4649
    @valentinkrajzelman4649 7 місяців тому

    very impressive!

  • @WewCode
    @WewCode 7 місяців тому +4

    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

    • @LilyDotan
      @LilyDotan 7 місяців тому

      good question

  • @Mariiius53
    @Mariiius53 7 місяців тому

    Insane.

  • @youcancallmejoker340
    @youcancallmejoker340 Місяць тому

    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

  • @marwenmighri8346
    @marwenmighri8346 6 місяців тому

    it's crazy what next web applications will be next few years

  • @hugo_valcourt
    @hugo_valcourt 6 місяців тому

    And you can generate the good practice wcag and seo?

  • @ZeshanMukhtar1
    @ZeshanMukhtar1 7 місяців тому

    Fantastic 🎉

  • @d.h.y
    @d.h.y 7 місяців тому

    WOW Amazing 🤩🤩

  • @thenewdesign
    @thenewdesign 7 місяців тому

    Excitingggggg

  • @droosoo
    @droosoo 7 місяців тому

    Yooo wtf is this craaazy stuff

  • @taiwoadebola6752
    @taiwoadebola6752 Місяць тому

    How did you get your codebase?

  • @ArshEducation
    @ArshEducation 7 місяців тому

    Wonderful

  • @mksk4395
    @mksk4395 2 місяці тому

    I wrote myself into the waitlist. Any experience how long it takes until I get access?^^

  • @sam_vel2
    @sam_vel2 7 місяців тому

    is there any way that we can add animations?

  • @amir-rashid
    @amir-rashid 7 місяців тому

    Does it will convert figma design to React Native code ?

  • @Martin.Hansen
    @Martin.Hansen 7 місяців тому +1

    A skilled developer with such a profound understanding of the user experience is an insanely rare. How do I invest?

  • @3enny3oy
    @3enny3oy 7 місяців тому

    Brilliant!!! Any support for Astro?

  • @hakanaki
    @hakanaki 7 місяців тому

    Does this work for React Native?

  • @ionutsandu5913
    @ionutsandu5913 7 місяців тому +2

    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.

    • @kadorywasfy
      @kadorywasfy 7 місяців тому +2

      i think it just for normel website , not highend website

    • @tompinchen1180
      @tompinchen1180 6 місяців тому

      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

  • @cyberguroo
    @cyberguroo 7 місяців тому

    Now can it follow a specific coding pattern?

  • @RABWA333
    @RABWA333 6 місяців тому

    Nice , I will try

  • @PythonicDevs
    @PythonicDevs 7 місяців тому

    Perfect

  • @gabrielbroder2161
    @gabrielbroder2161 6 місяців тому

    Is it available for react native?

  • @borislavyanev1542
    @borislavyanev1542 7 місяців тому

    where is the Q&A session?

  • @raghubalaji4452
    @raghubalaji4452 7 місяців тому

    Im not able to put into words how exactly I feel like.... excited and worried at the same time :) :(

  • @siddheshd9
    @siddheshd9 7 місяців тому

    what about efficiency n bugging part

  • @deletrious
    @deletrious 7 місяців тому

    how is this different than the other 15 apps that do the same thing?

  • @ocanodiego
    @ocanodiego 7 місяців тому

    Very cool