Introducing Visual Copilot - Design to Code in a Click

Sdílet
Vložit
  • čas přidán 11. 10. 2023
  • Q&A: / discord
    Read the full announcement and try it yourself: www.builder.io/blog/figma-to-...
  • Zábava

Komentáře • 267

  • @Builderio
    @Builderio  Před 8 měsíci +14

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

    • @jamesbrunell9215
      @jamesbrunell9215 Před 8 měsíci +1

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

    • @knaledge6854
      @knaledge6854 Před 8 měsíci

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

  • @and_rotate69
    @and_rotate69 Před 8 měsíci +157

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

    • @Gosurfdammit
      @Gosurfdammit Před 8 měsíci +4

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

    • @and_rotate69
      @and_rotate69 Před 7 měsíci +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 Před 6 měsíci

      @@Gosurfdammit same

  • @matickovac
    @matickovac Před 8 měsíci +5

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

  • @leandrosavatful
    @leandrosavatful Před 8 měsíci +25

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

  • @TheBikebelle
    @TheBikebelle Před 7 měsíci +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 Před 6 měsíci +1

      Can feel this joy to 😂

  • @Diego_Cabrera
    @Diego_Cabrera Před 8 měsíci +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!

  • @jakobkristensen2390
    @jakobkristensen2390 Před 8 měsíci

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

  • @juliantibana7657
    @juliantibana7657 Před 8 měsíci +1

    This is absolutely astonishing! I love this!

  • @AvastarBin
    @AvastarBin Před 8 měsíci +60

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

  • @jatidevelopments
    @jatidevelopments Před 8 měsíci +1

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

  • @wingsu1550
    @wingsu1550 Před 2 měsíci

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

  • @DaviOliveira-tb7tq
    @DaviOliveira-tb7tq Před 8 měsíci +2

    Totally incredible!

  • @Tom17ire
    @Tom17ire Před 8 měsíci

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

  • @aryankumawat
    @aryankumawat Před 8 měsíci

    Awesome I like the way you implemented this❤

  • @someshthakur
    @someshthakur Před 8 měsíci +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 Před 8 měsíci +11

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

    • @macmanuelodumeru3708
      @macmanuelodumeru3708 Před 8 měsíci

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

    • @cipher01
      @cipher01 Před 8 měsíci

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

    • @tomaspilny8320
      @tomaspilny8320 Před 8 měsíci +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 Před 8 měsíci

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

  • @pranitmane
    @pranitmane Před 8 měsíci

    This is awesome..
    Developer experience 🚀

  • @shahfahad4222
    @shahfahad4222 Před 8 měsíci +5

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

  • @dogoku
    @dogoku Před 8 měsíci +5

    Holy cow that was incredible

  • @maskman4821
    @maskman4821 Před 8 měsíci +3

    Amazing and unbelievable 🤩😍😱

  • @hypergraphic
    @hypergraphic Před 8 měsíci

    This is so cool. Will definitely check it out.

  • @petrus2746
    @petrus2746 Před 4 měsíci

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

  • @bruzRON
    @bruzRON Před 8 měsíci

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

  • @wingmann3632
    @wingmann3632 Před 7 měsíci +1

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

  • @AhsanKhan-eb2zb
    @AhsanKhan-eb2zb Před 8 měsíci +1

    Legendary product ❤

  • @gldzzpro5793
    @gldzzpro5793 Před 8 měsíci +1

    this video should reach millions of developers

  • @darkwoodmovies
    @darkwoodmovies Před 7 měsíci

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

  • @oserefemhenativie6681
    @oserefemhenativie6681 Před 8 měsíci

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

  • @devinlauderdale9635
    @devinlauderdale9635 Před 5 měsíci

    Wow, this is incredible!

  • @ronaldnettey167
    @ronaldnettey167 Před 8 měsíci

    This is really impressive!

  • @bensonmwaura9494
    @bensonmwaura9494 Před 8 měsíci

    Food for thought! 🤔🤯

  • @benmidas
    @benmidas Před 6 měsíci

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

  • @bopuc
    @bopuc Před 8 měsíci

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

  • @jswanson859
    @jswanson859 Před 7 měsíci

    WOW! This is amazing!

  • @onurylmaz2522
    @onurylmaz2522 Před 8 měsíci

    This is amazing!

  • @maraliko81
    @maraliko81 Před 8 měsíci

    It's amazing !

  • @megamind452
    @megamind452 Před 8 měsíci

    Mind blowing 🤯

  • @proMehediBD
    @proMehediBD Před 8 měsíci

    This is amazing

  • @Didelab
    @Didelab Před 8 měsíci

    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)

  • @itsdogpaw
    @itsdogpaw Před 8 měsíci

    This is exactly what i needed

  • @matthewbeardsley7004
    @matthewbeardsley7004 Před 8 měsíci +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 Před 8 měsíci +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 Před 7 měsíci

      @@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 Před 7 měsíci

      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 Před 7 měsíci +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 Před měsícem

      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

  • @adamberecz848
    @adamberecz848 Před 8 měsíci +1

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

  • @djlipsy
    @djlipsy Před 8 měsíci

    I've seen the future! 💕

  • @Applecitylightkiwi
    @Applecitylightkiwi Před 7 měsíci

    Yeah this will be my christmas project

  • @BoomerBargains-te8pv
    @BoomerBargains-te8pv Před 7 měsíci

    this looks sick!

  • @paulsalele3844
    @paulsalele3844 Před 8 měsíci

    Awesome!! 🤯

  • @brokeartisan
    @brokeartisan Před 8 měsíci

    Impressive stuff

  • @imsarvesh_
    @imsarvesh_ Před 7 měsíci

    This is revolutionary.

  • @lalasca6358
    @lalasca6358 Před 8 měsíci

    Great Innovation

  • @kavooss4205
    @kavooss4205 Před 8 měsíci +4

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

  • @thetrojan_horse8020
    @thetrojan_horse8020 Před 8 měsíci

    This is awesome.

  • @coderaiders-yt
    @coderaiders-yt Před 8 měsíci

    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?

  • @bjul
    @bjul Před 8 měsíci

    This is insane

  • @javadrip
    @javadrip Před 8 měsíci

    This is nuts!

  • @valentinkrajzelman4649
    @valentinkrajzelman4649 Před 7 měsíci

    very impressive!

  • @NeverCodeAlone
    @NeverCodeAlone Před 8 měsíci

    Very nice!!

  • @wasserbesser
    @wasserbesser Před 7 měsíci +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.

  • @ahbegnueg
    @ahbegnueg Před 8 měsíci +2

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

  • @user-mo4gx3xg9i
    @user-mo4gx3xg9i Před 8 měsíci

    ❤❤ very cool thank your share 🎉

  • @youcancallmejoker340
    @youcancallmejoker340 Před měsícem

    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

  • @ZeshanMukhtar1
    @ZeshanMukhtar1 Před 8 měsíci

    Fantastic 🎉

  • @maharshiguin7813
    @maharshiguin7813 Před 8 měsíci +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

  • @SSn0wx
    @SSn0wx Před 8 měsíci

    this is amazing

  • @marwenmighri8346
    @marwenmighri8346 Před 6 měsíci

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

  • @d.h.y
    @d.h.y Před 8 měsíci

    WOW Amazing 🤩🤩

  • @Mariiius53
    @Mariiius53 Před 8 měsíci

    Insane.

  • @ArshEducation
    @ArshEducation Před 8 měsíci

    Wonderful

  • @droosoo
    @droosoo Před 8 měsíci

    Yooo wtf is this craaazy stuff

  • @thenewdesign
    @thenewdesign Před 8 měsíci

    Excitingggggg

  • @workflowinmind
    @workflowinmind Před 5 měsíci

    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

  • @RABWA333
    @RABWA333 Před 7 měsíci

    Nice , I will try

  • @CodingCatDev
    @CodingCatDev Před 8 měsíci

    Woot woot 🎉

  • @fahmiirfan6923
    @fahmiirfan6923 Před 8 měsíci +1

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

  • @ocanodiego
    @ocanodiego Před 8 měsíci

    Very cool

  • @Execution_matters
    @Execution_matters Před 8 měsíci

    Ohhhhhh great

  • @PythonicDevs
    @PythonicDevs Před 8 měsíci

    Perfect

  • @Stella-se1lg
    @Stella-se1lg Před 7 měsíci

    Great!! Now I just need to learn Figma lol😂

  • @YushellDarwich
    @YushellDarwich Před 8 měsíci +1

    This is amazing. Will it have HTMX support?

  • @knaledge6854
    @knaledge6854 Před 8 měsíci

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

  • @raghubalaji4452
    @raghubalaji4452 Před 8 měsíci

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

  • @hedgefund996
    @hedgefund996 Před 8 měsíci

    Awesome

  • @arthursumer6012
    @arthursumer6012 Před 7 měsíci +1

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

  • @Martin.Hansen
    @Martin.Hansen Před 7 měsíci +1

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

  • @draftermyself
    @draftermyself Před 7 měsíci

    🔥🔥🔥

  • @WewCode
    @WewCode Před 8 měsíci +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

  • @kurttheman
    @kurttheman Před 8 měsíci +1

    Will you provide export to Flutter as well?

  • @RoyerAdames
    @RoyerAdames Před 8 měsíci

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

  • @rickyhobbs3004
    @rickyhobbs3004 Před 8 měsíci

    wow!

  • @imacuser101
    @imacuser101 Před 8 měsíci

    Lets gooooooo

  • @ionutsandu5913
    @ionutsandu5913 Před 8 měsíci +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 Před 8 měsíci +2

      i think it just for normel website , not highend website

    • @tompinchen1180
      @tompinchen1180 Před 7 měsíci

      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

  • @tomthetitan101
    @tomthetitan101 Před 7 měsíci

    this is crazy

  • @3enny3oy
    @3enny3oy Před 8 měsíci

    Brilliant!!! Any support for Astro?

  • @sarcasticdna
    @sarcasticdna Před 8 měsíci

    Now then All I need to learn in Figma

  • @dt8384
    @dt8384 Před 8 měsíci

    This is crazy

  • @aravinds6503
    @aravinds6503 Před 8 měsíci

    Wowoooooowww

  • @yomaru_1999
    @yomaru_1999 Před 8 měsíci

    Future

  • @heagandev
    @heagandev Před 8 měsíci

    Looks like its time to learn figma

  • @praveentewatia223
    @praveentewatia223 Před 8 měsíci +2

    What about motions and design animations?

  • @neociber24
    @neociber24 Před 8 měsíci

    I credible, I wonder how good is the current AI with complex svgs

  • @williamnwz
    @williamnwz Před 8 měsíci

    omg, this is insane... its amaizing but make me afraid as well

  • @borislavyanev1542
    @borislavyanev1542 Před 8 měsíci

    where is the Q&A session?