Man your way of teaching is on another level 🎉, I learnt framer by watching other videos on RUclips but if I find your video earlier it will be easier for me to learn framer quickly btw You are doing a great job.❤
@@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..
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.
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.
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.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Thank you so much! I was searching RUclips to find the right video to make a design portfolio. Finally found one! So helpful!
Glad you found it helpful... Cheeers! ✌🏼
I love the way you teach so much! this is what I was looking for.
Glad you liked it....Cheers! ✌️
Best Framer tutorial out here, Thank you so much!
Glad you found it helpful... Thanks ✌🏼😄
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 ✌🏼
you are a life saver, best and precise explanation. spot on. you earned a sub.
Cheers! Glad you found it helpful ✌🏼
Man your way of teaching is on another level 🎉, I learnt framer by watching other videos on RUclips 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 ✌🏼
This is great! Thanks for this.
Cheers! ✌️
Thank you for being an excellent high signal to noise presenter - subscribed. atb Pete
Thanks! Happy to hear that ✌🏼
Thank you ...bro....I just confuse to use framer ...bt now i am very clear...
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 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..
Great video,love it💞
Glad you liked it!! Cheers! ✌️
Is it possible to import it back to the figma site after doing it on the framer site?
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 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.
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.
u made it look so simple..
I hope that's a good thing 😅
thankyou for the tips sir!! cheers from Philippines! more videos bout framer pls!!
Glad you liked it! Cheers ✌️
Thank you very very much ❤
Glad you liked it! Cheers ✌🏼
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.
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 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.
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 ❤
could we find clients for Framer after learning? it's scope?
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.
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.
figma k animation framer me use kaise chalnge
That is not possible. Only design from figma can be imported.
sir..can you please tell the resume for UI/UX for the freshers..
You want like a template for freshers?
Yes@@DesignXstream
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.