Figma to Wix Studio: Build a Responsive Website Step-by-Step
Vložit
- čas přidán 26. 02. 2024
- In this video, I'm going to show you how to convert your Figma design to a fully responsive website using Wix Studio.
Check out Wix Studio👇:
www.wix.com/studio
You can download the assets from here👇:
bit.ly/3Tc9km6
@WixStudio
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 40,000 students become UI/UX designers from scratch worldwide.
#Figma_to_Wix_Studio
#Responsive_Website_Tutorial
#Web_Design_Tutorial
#Wix_Studio_Tutorial
#Wix_Studio_Design_Tips
#Figma_for_Web_Design
#Web_design_step_by_step
#How_to_make_a_responsive_website
#websitedevelopment, #freelancelife #Ecommercewebsite #webdesigntips
#websitedesign #websitebuild #websitetricks #lowcode #freelancedesigner
#wixstudio
Thank you so much for such a detailed video! It was really helpful ☺
You are very welcome. Glad it helped.
Nice work Arash. Very clear and informative.
Thank you.
Wonderful tutorial! Thank you so much. bro! 👍
Thank you.
Woooooooow it’s so useful and the way you explain it’s very ease. Thank you so much!
No problem. Glad it was helpful!
Thanks for the detail explanation video
No problem.
Hi Arash Great Video ❤, i've been following for a while and I really enjoyed your contents. They have helped me a lot in my UI/UX Designing Journey as a Beginner. I am not one that comments just had to coz you're amazing. The teaching style calmness and explanation is just superb. I knew you're you were the right tutor for me the first time i found your channel. Big Love for you.
I would appreciate if you can make a video on your approach to ui deisgn projects. I think this will help all beginners to learn. I mean do you start off a blank canvas when starting a design then create components and styles or you make use of design sysytems. And a lot more that could help. Hope to see such a video on your channel
Hi there. Thank you so much. I'm glad you enjoyed my teaching style.❤
Sure. I'll add that to my list.
i hope you make more of these with wix studio and show the power it has. Maybe an ecommerce?
Arash, As more and more designers are asked to create Multiple Display Ads and Banners in Figma will you please do a tutorial covering this. Thank You!
I really like you bro
Keep helping us
This is excellent tutorial ❤
Thank you, I will.
Thanks.
Due, Do you know where can I find a normal slideshow container ? so that I can edit each sliders in different design, There is only slideshow repeater in Wix Studio.
Great video, and great content as always! I just don't understand why, after spending hours to design a website in figma, with responsive grids and auto layouts, than I need to recreate everything from scratch in WIX, isn't that a double job? Is there a way to export the figma design directly in HTML and CSS preserving all the responsive parameters?
Exactly!
Hey Rash, thanks for this video. Do you mind making a video on how to create mobile app on wix studio from start to finish? Also do you have any mentorship program?
You are a charismatic tutor ! Please, some more wix studio would be much appreciated 😊!
(Maybe some advanced CMS ?)😅
Thank you so much. Sure.
You can also make Figma to framer and figma to webflow video
That's a great idea.
it's always my great challenge to choose for clients which platform is the best
@@DesignWithArash
I have a Relume wireframe saved in Figma. How am I able to select each individual item in the section, without using the layers panel?
Thank you so much for the video and great explanation. love from India.
No problem. Thank you.
is there a plugin to publish it to wix directly instead of re-designing figma design ?
this was so useful! WOuld you be open to doing even more "advanced" layouts in the future?
Glad it was helpful. Sure.
Hi guys how have you openned the figma file for this project. The assets doesn't include a .fig file.
quick question- Is there a reason you deleted the default header and created one from scratch using sections?
Great video do u build websites for other's? Thanks 🙏for sharing ur knowledge ❤❤❤❤
No problem. Yes, I do.
How does Wix Studio compare to Framer? Thank you for the video.
There are many differences between the two, but the most important one is that Wix Studio has a shorter learning curve, in my opinion, because it tries to make your design responsive automatically. It also allows you to create custom solutions for a project. So, if a project requires a unique feature, it's possible to code it.
Is there a reason you didn't use the figma to wix studio plug in?
A fully functional website on framer would be highly encouraged
I think he has already done videos on Framer.
No, I don't but I will add it to my list.
pls make a video about protopie if possible
I'll keep that in mind.
@@DesignWithArash love it
Can we directly export figma design to wix studio??
czcams.com/users/shortsvWU0p_LGGwg?si=zON2jzRvMcWoyCXU
Yes u can section by section
Please framer video and we flow too
Sure.
Hello
Pls how can I communicate with you directly. I need your help🙏🙏
Hi. You can send me an email.
*Promo SM* ✨
Dont even bother using wix studios responsive AI. It's very very poor. I lost images, headings after its completion and the burger menu doesn't even work.