Man your way of teaching is on another level 🎉, I learnt framer by watching other videos on UA-cam but if I find your video earlier it will be easier for me to learn framer quickly btw You are doing a great job.❤
There is no direct method but once you publish a framer website maybe the html to design plugin can help you take it back to Figma. But this is something I haven't explored.
@@DesignXstream Could you please make videos on how to convert wire frames into final web sites with proper spacing and alignment, your help will really mean a lot..
There’s no page limit on Free plan. You can have as many page as you want. Can use cms also. There are other limitations like, you can’t use custom domain, will have ‘Made with Framer’ tag, there’s visitors limit and more.
Can anyone tell me how, to the auto layout so it shows stack I tried my best to the auto layout thing and them paste it in framer and adjust it to fill container but still nit changing!
In Figma, apply Auto Layout to your elements and set the direction (vertical or horizontal) as needed. Copy and paste into Framer, then select "Fill Container" to make it responsive. Adjust padding and spacing in Framer if needed for fine-tuning.
If clients come to you with a website requirement, learning Framer can be a great way to build it for them. However, you won't often find clients seeking a website specifically built with Framer.
I'm having trouble creating interactions between pages in Framer. When I select an element and look for the "Interactions" option in the right-hand panel, it doesn't appear. I've tried different types of elements but I still can't find a way to link pages with transitions. Could you please assist me in locating the interactions feature or guide me on how to link pages with transitions
• Select the element you want to use as a link (e.g., a button or text). • In the right-hand panel, look for a section called "Navigate To" or "On Click" (the exact name may vary). • Click on this option and select the page you want to link to. • Once you've set up the link, you should see an option to add a transition. This might be labeled as "Transition" or "Animation." • Click on this to choose the type of transition you want (e.g., slide, fade, etc.) and adjust its parameters.
Thank you so much! I was searching UA-cam to find the right video to make a design portfolio. Finally found one! So helpful!
Glad you found it helpful... Cheeers! ✌🏼
Best Framer tutorial out here, Thank you so much!
Glad you found it helpful... Thanks ✌🏼😄
I love the way you teach so much! this is what I was looking for.
Glad you liked it....Cheers! ✌️
One of the best videos i have encountered. Everything is explained in simple steps and its quite practical.Thanks
Glad you found it helpful! Cheers ✌🏼
Man your way of teaching is on another level 🎉, I learnt framer by watching other videos on UA-cam but if I find your video earlier it will be easier for me to learn framer quickly btw You are doing a great job.❤
Thanks! Cheers ✌🏼
you are a life saver, best and precise explanation. spot on. you earned a sub.
Cheers! Glad you found it helpful ✌🏼
Thank you for being an excellent high signal to noise presenter - subscribed. atb Pete
Thanks! Happy to hear that ✌🏼
This is great! Thanks for this.
Cheers! ✌️
Well explained MashaAllah
Glad you liked it! ✌🏼
Thank you ...bro....I just confuse to use framer ...bt now i am very clear...
Glad you found it helpful! Cheers ✌🏼
Thank you it is very helpful
Glad you found it helpful! Cheers ✌🏼
You are awesome my man! All the Best to you from Serbia 💥✨👍👍👍👑
Cheers! I'm glad you found it informative 🙌🏼
Really it was an best tool for a beginnerz also make an more videos related framer tutorial and it's animations...
Glad you found it useful! I'll try to add more videos on this tool.
Is it possible to import it back to the figma site after doing it on the framer site?
There is no direct method but once you publish a framer website maybe the html to design plugin can help you take it back to Figma. But this is something I haven't explored.
Great video,love it💞
Glad you liked it!! Cheers! ✌️
thankyou for the tips sir!! cheers from Philippines! more videos bout framer pls!!
Glad you liked it! Cheers ✌️
thank you Sir, Can I copy/export created animations in Figma to Framer? Are they also visible in the mobile phone view?
No Figma animations dont export to framer. You need to redo it on Framer.
a very helpful video. sir can you make a video on how to find a problem statement for your first project
Hey Shivani, That's an interesting topic I'll keep that noted and try making a video of it.
Really this video is so much helpful!! Thanks a ton
Glad you found it helpful! Cheers ✌️
@@DesignXstream Could you please make videos on how to convert wire frames into final web sites with proper spacing and alignment, your help will really mean a lot..
@@siri8782 So a video on spacing and alignment? I think this could be part of a larger playlist. I'll try to plan something.
@@DesignXstream Thank you so much!! I'll be very glad when the playlist is out..
u made it look so simple..
I hope that's a good thing 😅
Great explaination❤.. how many pages I can create in free plan
There’s no page limit on Free plan. You can have as many page as you want. Can use cms also.
There are other limitations like, you can’t use custom domain, will have ‘Made with Framer’ tag, there’s visitors limit and more.
Thanks Bro ❤
Can u show me the workflow from where u import figma prototype into framer instead of directly showing framer from the beginning?
Figma prototype cannot be imported. Only designs can be. You need manually add the interactions in Framer.
looks like a great tool for portfolios. can we also put it on our domain name?
Yes you can publish the website to your custom domains with the Mini & Basic plans.
Can anyone tell me how, to the auto layout so it shows stack I tried my best to the auto layout thing and them paste it in framer and adjust it to fill container but still nit changing!
In Figma, apply Auto Layout to your elements and set the direction (vertical or horizontal) as needed.
Copy and paste into Framer, then select "Fill Container" to make it responsive.
Adjust padding and spacing in Framer if needed for fine-tuning.
Thank you very very much ❤
Glad you liked it! Cheers ✌🏼
could we find clients for Framer after learning? it's scope?
If clients come to you with a website requirement, learning Framer can be a great way to build it for them. However, you won't often find clients seeking a website specifically built with Framer.
@@DesignXstream then how we can earn from framer?
Hello. Thank you for the video. The prototype also works automatically, when pressing bottoms to other pages, for example?
Its not automatic you need to add links.
We can't do prototyping in framer like in Figma ?
Yah the animations part work slightly different from Figma. There is not Smart animate but you can achieve a lot of it in framer.
I'm having trouble creating interactions between pages in Framer. When I select an element and look for the "Interactions" option in the right-hand panel, it doesn't appear. I've tried different types of elements but I still can't find a way to link pages with transitions.
Could you please assist me in locating the interactions feature or guide me on how to link pages with transitions
• Select the element you want to use as a link (e.g., a button or text).
• In the right-hand panel, look for a section called "Navigate To" or "On Click" (the exact name may vary).
• Click on this option and select the page you want to link to.
• Once you've set up the link, you should see an option to add a transition. This might be labeled as "Transition" or "Animation."
• Click on this to choose the type of transition you want (e.g., slide, fade, etc.) and adjust its parameters.
@@DesignXstream thanks
mt desktop tab is not working it gets open from tablet then phone not showing the desktop ....what to do???????????
You can add your own breakpoints or modify the defaults.
sir..can you please tell the resume for UI/UX for the freshers..
You want like a template for freshers?
Yes@@DesignXstream
figma k animation framer me use kaise chalnge
That is not possible. Only design from figma can be imported.
not able to manage the breakpoint
Whats the issue you are facing?
Bro, your accent is super artificial, instead try speaking in a normal tone.
Yah, I can try speaking in a normal tone... probably just needs some practice.
@@DesignXstream Great video! and There's no problem with your accent.