Watch the Step-By-Step Figma to Editor X Tutorial: th-cam.com/video/CUWBRZ3Dd6c/w-d-xo.html Join Our Discord Community: www.editorx.tv/ Sign up for Editor X Today for FREE: bit.ly/EditorXDailyChallenge
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?
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!!!
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.
@@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!
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! th-cam.com/users/liveQ1oToMZOJzA?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 :)
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 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
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.
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!
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
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.
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.
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
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!!!
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
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
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.?
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
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.
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!
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
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
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.
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: th-cam.com/video/CUWBRZ3Dd6c/w-d-xo.html
I like your spaceship cockpit !
Much love!!!!
Watch the Step-By-Step Figma to Editor X Tutorial:
th-cam.com/video/CUWBRZ3Dd6c/w-d-xo.html
Join Our Discord Community:
www.editorx.tv/
Sign up for Editor X Today for FREE:
bit.ly/EditorXDailyChallenge
OMG that portal /control room you're sitting in is even more awesome than it is hilarious 😂 sweeeeeeeeeet
Hahahaha much love my friend!
I too enjoy the control room 😂
Best video tutorial that you can find on TH-cam
Much love!!!❤️
you look so cool in a spaceship
Much love my friend!
You even got the lighting right for your background... nice
Much love! I’m glad you see the effort 🥹🙏🔥
Great video my guy!
Much love Keaty!!!
Glad you enjoyed the video 😎🔥
Your style looks like a caracter from movie lives in future 💜
hahaha much love!
That's what we're trying to go for 😎😎!!!
And who know's maybe i am from the future lol
Brandon, you are really excellent. Why don't you build a whole course that will benefit us
Tis in the works 😎😎!!!
and much love my friend!!!
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! 😊
just find your channel, nice work man
Thank you so much Tim! I hope we’re able to bring you more awesome content :D
Can you teach how to embed it on a website or recommend the title of a video that would? Thanks
Hey my friend! This is a real live site :)
Here’s the full tutorial of how I built the site manually without figma to build the site.
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?
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!!!
We’ll still have jobs, we just needa learn AI 😎🔥
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.
@@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!
hi! thx for the video. are the site responsive? or you must to do the work?
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!
th-cam.com/users/liveQ1oToMZOJzA?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 :)
can you make animations made on Figma, work on Editor X? also, is it fully functional? like buttons, hyperlinks, payment processors, etc.
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
@@brandongroce wow dude, that's amazing. That's what I was looking for. Thanks a lot!!
@@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
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.
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!
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
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.
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.
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
@@brandongroce so barring they don't use figma, you can skip it, right?
You can 100% skip it if you work best that way ;)@@Omar_Facio
what is your dicord mate! would love to follow.. this is amazing
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!!!
Man, this is a game changer, thanks!
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
@@brandongroce Thank you so much! Web designing is my first love, and I am hoping that I can learn new things!
@@jaysalvador4684 Of course Jay! And hahaha same here! I love designing & the web lol. We'll learn plenty together and from each other :D
@@brandongroce Thank you!
by the way,, is it ture that web design expert is not also needed by ai web desiner?
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
Do you have a video of how you did the stage effect and your avatar 👀 give me the link bro
Why no need coding? this is important to add actions to your website like button or somthing
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
This guy is like chamber from valorant
Hahaha much love my friend 🤣😎🔥! I take that as a compliment!
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.?
Hi, Is there a way I can learn from you how to create a custom website ? I will pay you for your valuable time.
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
our community discord is: www.editorx.tv/
Can this plugin generates app UI also ?
Yes!!!! 😍
Is it possible to get the source code from Editor x to apply it to an existing website?
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.
Everything is built in/on the platform
@@brandongroce ah I see, that’s a bummer. Thanks for responding 🙏
@@Way_Of_The_Light of course! no worries my friend!
What are you currently building on?
hello,
did we get copyright strike using that bot?
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!
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
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
LOL... they've been trying to get rid of developers since Dreamweaver... never seems to happen.
It will never happen, creatives will just have more opportunities to build for themselves ;)
But someone’s gotta build the platforms
You just ignored the fact that you spent a lot of time on photoshop converting the image to an actual figma project...
Lol it literally took 5 mins, cutting the images out my friend, idk who’s ignoring anything
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
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.
@@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 🤩
are you going to start making figma tutorials ? brandon.. YOU ARE EVIL...
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: th-cam.com/video/CUWBRZ3Dd6c/w-d-xo.html