How To Use AI Art, Figma, and ChatGPT To Create Websites In Minutes (One-Click Method)

In this short video, I'll show you how to use AI art, Figma, and ChatGPT to create websites in minutes.
ChatGPT is software that allows you to create interactive websites with ease. You can use it to create beautiful and user-friendly websites, without any coding knowledge required and Figma is a free tool that lets you create beautiful and interactive designs, without any prior experience in design or programming.
Learn how to create beautiful and interactive websites using AI art, Figma, and ChatGPT in this short video!
Join Our Discord Community:
www.editorx.tv/
️Sign up for Editor X Today for FREE:
bit.ly/EditorXDailyChallenge
#website #figma #ai #aiart

Пікірлер: 81

  • @KeatyFries
    @KeatyFries Жыл бұрын

    Great video my guy!

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Much love Keaty!!! Glad you enjoyed the video 😎🔥

  • @daltanionwaves
    @daltanionwaves8 ай бұрын

    OMG that portal /control room you're sitting in is even more awesome than it is hilarious 😂 sweeeeeeeeeet

  • @brandongroce

    @brandongroce

    8 ай бұрын

    Hahahaha much love my friend! I too enjoy the control room 😂

  • @metagirl2573
    @metagirl2573 Жыл бұрын

    You even got the lighting right for your background... nice

  • @brandongroce

    @brandongroce

    11 ай бұрын

    Much love! I’m glad you see the effort 🥹🙏🔥

  • @sagarmali4761
    @sagarmali476111 ай бұрын

    Hi Brandon, Can you tell me i will used Editor X for figma to html convert it is full responsive Or NOT..? and it is not provide fully responsive so which AI Tools are provide to fully responsive for figma to html convert.?

  • @SEOProjects-iu4jh
    @SEOProjects-iu4jh2 ай бұрын

    I like your spaceship cockpit !

  • @brandongroce

    @brandongroce

    2 ай бұрын

    Much love!!!!

  • @timmonta7765
    @timmonta7765 Жыл бұрын

    just find your channel, nice work man

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Thank you so much Tim! I hope we’re able to bring you more awesome content :D

  • @brandongroce
    @brandongroce Жыл бұрын

    Watch the Step-By-Step Figma to Editor X Tutorial: kzread.info/dash/bejne/dYmLpLSTY6fKZsY.html Join Our Discord Community: www.editorx.tv/ Sign up for Editor X Today for FREE: bit.ly/EditorXDailyChallenge

  • @FabrizioMangano
    @FabrizioMangano3 ай бұрын

    Best video tutorial that you can find on KZread

  • @brandongroce

    @brandongroce

    3 ай бұрын

    Much love!!!❤️

  • @smmerleksosky
    @smmerleksosky Жыл бұрын

    Do you have a video of how you did the stage effect and your avatar 👀 give me the link bro

  • @jetblack5
    @jetblack5 Жыл бұрын

    Thanks for the great video! Super interesting and I hope to see more of your entertaining content in the future, Brandon. Unfortunately I would like to correct one thing that is often quoted wrong, because of the huge rumor mill regarding GPT-4: You were showing a graphic (at about 00:51, the one with the color gradient background, comparing GPT-3 and GPT-4 in numbers) that was already proven wrong by Sam Altman in a quite recent interview ("StrictlyVC in conversation with Sam Altman, part two (OpenAI)" on Connie Loizos' channel here on youtube). To quote him: "It (the chart with 175 billion vs 100 trillion) is complete bullshit. The GPT-4 rumor mill is a ridiculous thing. I don’t know where it all comes from". There is also an article on The Verge about that (from Jan 18th this year). He stated: "people are begging to be disappointed" and it seems it won't be that much bigger than GPT-3. Still making good progress, but not THAT MINDBLOWING people seem to expect.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Whats good Marvin! Glad you dug the content! And hahahaa Much love for the correction my friend lol, news and crazy headlines corrupt absolutely 🤣🤣🤣🤣 Thank you so much for sharing the correct deets with everyone 😎😎🔥🔥! Also if you're looking for more content like this, we do weekly showcases like this in our Community discord if you've not already joined. You can join on in here: ➡www.editorx.tv/ It would be super valuable to have ya there!

  • @codingman8056

    @codingman8056

    Жыл бұрын

    liked your work but try to be straight forward with a topic , don't stuble around topics like GPT3 - GPT4, that 2020 plugin and that figma has acquired new company , if someone really interested they will see dedicated video but try to make straight forward content

  • @jaysalvador4684
    @jaysalvador4684 Жыл бұрын

    Man, this is a game changer, thanks!

  • @brandongroce

    @brandongroce

    Жыл бұрын

    It definelty is Jay! If you're interested we have a monthly workshop showcasing this workflow live. We design a new figma project, share the file with the audience and turn it into a live site! Feel free to join the community to learn more about the event and many more! you can join here: www.editorx.tv

  • @jaysalvador4684

    @jaysalvador4684

    Жыл бұрын

    @@brandongroce Thank you so much! Web designing is my first love, and I am hoping that I can learn new things!

  • @brandongroce

    @brandongroce

    Жыл бұрын

    @@jaysalvador4684 Of course Jay! And hahaha same here! I love designing & the web lol. We'll learn plenty together and from each other :D

  • @jaysalvador4684

    @jaysalvador4684

    Жыл бұрын

    @@brandongroce Thank you!

  • @amrsharif8859
    @amrsharif8859 Жыл бұрын

    Brandon, you are really excellent. Why don't you build a whole course that will benefit us

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Tis in the works 😎😎!!!

  • @brandongroce

    @brandongroce

    Жыл бұрын

    and much love my friend!!!

  • @giselesarian8484

    @giselesarian8484

    11 ай бұрын

    Hello from Brazil. I am seeing this video 5 months later, just wondering if there are any plans for a full course about it. Cheers! 😊

  • @luanasam1215
    @luanasam12158 ай бұрын

    Your style looks like a caracter from movie lives in future 💜

  • @brandongroce

    @brandongroce

    8 ай бұрын

    hahaha much love! That's what we're trying to go for 😎😎!!! And who know's maybe i am from the future lol

  • @yj4105
    @yj410510 ай бұрын

    you look so cool in a spaceship

  • @brandongroce

    @brandongroce

    10 ай бұрын

    Much love my friend!

  • @vekkdrums
    @vekkdrums Жыл бұрын

    can you make animations made on Figma, work on Editor X? also, is it fully functional? like buttons, hyperlinks, payment processors, etc.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Hey Bruno! Yep the sites are fully functional ;) You can add, CMS, payment processors, ecom, etc. And the animations don’t move from Figma to Editor X but creating animations is SUPER easy in editor x

  • @vekkdrums

    @vekkdrums

    Жыл бұрын

    @@brandongroce wow dude, that's amazing. That's what I was looking for. Thanks a lot!!

  • @brandongroce

    @brandongroce

    Жыл бұрын

    @@vekkdrums im glad to help Bruno!!! If you have any other questions let me know my friend! We also have a community with 4.5K other creatives and developers building in Editro X too and help each other along in each other's journey :) You can join the community here for free: www.editorx.tv

  • @madsoat
    @madsoat Жыл бұрын

    hi! thx for the video. are the site responsive? or you must to do the work?

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Hey there Beatriz! For now we have to put in a bit of elbow grease to make the sites responsive as we import them into Editor X from Figma, but its pretty easy :) Here is a full workshop showing step by step with files on how the process works! kzread.infoQ1oToMZOJzA?feature=share Let me know if you have any more questions! Also feel free to join our community if you have more questions. Feel free to join at www.Editorx.tv Our community & Editor X team can help ya out with anything your working on in the platform :)

  • @utoydwair5568
    @utoydwair5568 Жыл бұрын

    Can you teach how to embed it on a website or recommend the title of a video that would? Thanks

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Hey my friend! This is a real live site :)

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Here’s the full tutorial of how I built the site manually without figma to build the site.

  • @ytg2468
    @ytg2468 Жыл бұрын

    by the way,, is it ture that web design expert is not also needed by ai web desiner?

  • @brandongroce

    @brandongroce

    Жыл бұрын

    No need to be an expert ;) you learn along the way and AI helps support a lot of the technical work we used to need professionals for

  • @faraidoonrawf556
    @faraidoonrawf556 Жыл бұрын

    Thanks, I need your help to guide me how to develop a mobile APP for my research . I need the App to manage and admit patients for their IR procedures with lists about equipment ( automatic) and push notifications among nurses and doctors. I don’t have money to pay for developers and my life on stake as the examiners wanted this App in literally two months and to use it for 10 patients to show that medical errors were decreased after using tjis App. Looking forward to hearing from you soon. Faraidoon

  • @MannyAlejandro-tq2qk
    @MannyAlejandro-tq2qk Жыл бұрын

    what is your dicord mate! would love to follow.. this is amazing

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Hey Manny!!! We'd love to have ya!!! Our community is a closed one, you can sign up at www.editorx.tv :D Hope to see ya inside! Ping me when you're in!!!

  • @RandyGregory
    @RandyGregory Жыл бұрын

    Thanks Brandon, any tips or links for getting started with Figma? All my 5 tries are 4-5 years old, I just gave up back then haha. PS: Rudi here haha

  • @davidwang6541
    @davidwang65415 ай бұрын

    Can this plugin generates app UI also ?

  • @brandongroce

    @brandongroce

    5 ай бұрын

    Yes!!!! 😍

  • @Way_Of_The_Light
    @Way_Of_The_Light Жыл бұрын

    Is it possible to get the source code from Editor x to apply it to an existing website?

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Great question my friend! editor x is a drag and drop builder and to my knowledge there is no way to “copy and paste” the built source code to an existing site.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Everything is built in/on the platform

  • @Way_Of_The_Light

    @Way_Of_The_Light

    Жыл бұрын

    @@brandongroce ah I see, that’s a bummer. Thanks for responding 🙏

  • @brandongroce

    @brandongroce

    Жыл бұрын

    @@Way_Of_The_Light of course! no worries my friend! What are you currently building on?

  • @ielts3464
    @ielts3464 Жыл бұрын

    Hi, Is there a way I can learn from you how to create a custom website ? I will pay you for your valuable time.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Hey there! We actually have a community where we teach you how to make custom websites for free on a weekly basis! You just have to join our weekly office hours and content :D

  • @brandongroce

    @brandongroce

    Жыл бұрын

    our community discord is: www.editorx.tv/

  • @rahmat670
    @rahmat670 Жыл бұрын

    hello, did we get copyright strike using that bot?

  • @brandongroce

    @brandongroce

    Жыл бұрын

    That is a REALLY great question... I don't know the answer to that because there has been some issues commercially with Midjourney, HOWEVER Adobe's new AI tool is commercially friendly so you can use that :D Check it out here: firefly.adobe.com/# Currently in beta!

  • @brunoescoto9630
    @brunoescoto9630 Жыл бұрын

    I'm not gonna lie, I'm a bit scared about this. is this going to replace UI/UX designers at agencies and companies.? I mean, this looks better than many designs I have seen. and it's so quick to do it. Even a person without knowledge can do it man. why would they need us?

  • @brandongroce

    @brandongroce

    Жыл бұрын

    I understand your point, where the market is going to go tho is really still in our court. These tools will allow us to do our jobs faster and more efficient. People still need to be able to ask the AI and build what companies need. People without knowledge can try to build a house, even with asking a person who’s skilled how to do it. But the skilled person with a tool to enhance their abilities will still be faster and more efficient!!!

  • @brandongroce

    @brandongroce

    Жыл бұрын

    We’ll still have jobs, we just needa learn AI 😎🔥

  • @MelinaBering1

    @MelinaBering1

    Жыл бұрын

    If anything it will make our jobs quicker and easier. I don't see AI taking over UI/UX Design (yet), especially when, half of the time, the customer doesn't know or accurately convert what they want.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    @@MelinaBering1 Agree with you completely here! AI will just help us do our jobs better! The way AI is right now, its still requires technical knowledge on how to get the best output from them, that's a skill. So we just need to learn this stuff, and continue to stay looking pretty!

  • @relaxedsheep729
    @relaxedsheep729 Жыл бұрын

    This guy is like chamber from valorant

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Hahaha much love my friend 🤣😎🔥! I take that as a compliment!

  • @moer5432
    @moer54326 ай бұрын

    Why no need coding? this is important to add actions to your website like button or somthing

  • @brandongroce

    @brandongroce

    6 ай бұрын

    No need to code with the use of Wix Studio. Its a front end platform that allows designers what they do best, design, and does all the coding etc in the back end! So if you need to make scrolling interactions, hover interactions, click, on-load interactions its easy, you just have to assign the element a behavior with a click of a button vs having to code the elements individually. You should check it out! www.wix.com/studio

  • @Omar_Facio
    @Omar_Facio6 ай бұрын

    I’m totally new and I’m not understanding; what’s the point of using figma as the middleman? Why not just straight to editor x? Didn’t seem like you did anything there.

  • @brandongroce

    @brandongroce

    6 ай бұрын

    It’s easier to creat assets & design properly in figma, then you simply port that into Wix Studio (formally Editor X) It’s most agency’s workflow as well. Most designers understand figma, not Wix Studio. You meet the customer/user where they are (figma) and you introduce them to your platform (Wix studio) and how it can turn “just a design” into a real website.

  • @SAINT_PATRICK

    @SAINT_PATRICK

    6 ай бұрын

    I use figma and editor x. I prefer figma cause it gives you the code to export to vscode. It's dev mode allows you to code without leaving your coding environment

  • @Omar_Facio

    @Omar_Facio

    6 ай бұрын

    @@brandongroce so barring they don't use figma, you can skip it, right?

  • @brandongroce

    @brandongroce

    6 ай бұрын

    You can 100% skip it if you work best that way ;)@@Omar_Facio

  • @stevegmag
    @stevegmag Жыл бұрын

    LOL... they've been trying to get rid of developers since Dreamweaver... never seems to happen.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    It will never happen, creatives will just have more opportunities to build for themselves ;) But someone’s gotta build the platforms

  • @gersonfialho9433
    @gersonfialho9433 Жыл бұрын

    You just ignored the fact that you spent a lot of time on photoshop converting the image to an actual figma project...

  • @brandongroce

    @brandongroce

    Жыл бұрын

    Lol it literally took 5 mins, cutting the images out my friend, idk who’s ignoring anything

  • @mae2309
    @mae2309 Жыл бұрын

    WAIT WHATTTTTTTTTTTTTTTTT... we can bring figma interactive work INTO EDITORX... WHAT THE FKKKKKKKKK...... you need to show that step by step... will you start a figma course ? thank you PLAYBOY... I needs this... OHHHH... I though when you brought everything from Figma you also brought in the Functionality. lets say if I create a slider inside figma it would translate into EX? I guess Ai is not smart enought... YET.. ahahahahahahaha ill be in the look up for that figma course playboy..!! cheers

  • @poppingjaz

    @poppingjaz

    Жыл бұрын

    yes, though right now Ive found that you have to do a lot of tweaking to get things where you want them. I imported a simple hero page from Figma to Editor X and spent the next hour tweaking the layout.

  • @brandongroce

    @brandongroce

    Жыл бұрын

    @@poppingjaz did you use auto layout in figma? There’s some rules to the plug-in, it’s not “simply” just clicking a button YET 🤩

  • @mae2309
    @mae2309 Жыл бұрын

    are you going to start making figma tutorials ? brandon.. YOU ARE EVIL...

  • @brandongroce

    @brandongroce

    Жыл бұрын

    LOLLLL Figma is gonna be Adobe Family so its ite now LOL. Also here's the step by step video for Figma to Editor X: kzread.info/dash/bejne/dYmLpLSTY6fKZsY.html