From Figma to Real Website With Framer | No Code
Vložit
- čas přidán 23. 07. 2024
- In this quick tutorial, you'll discover how Figma and Framer seamlessly come together, allowing you to convert static UI designs into stunning real websites. With the “Figma to HTML with Framer” plugin, you can effortlessly bring your vision to life without any coding!
Figma link: www.figma.com/file/tyvXfRB1Kj...
_______________________________________________________
Video chapters:
00:00 - Intro
00:19 - Prepare your designs
02:01 - Export to Framer
06:05 - Interactions and Animations
10:44 - Summary
#webdesign #figma #framer #freelancewebdesigner
Thank you, this video was concise, no filler. Not all heroes wear capes. Subscribed.
What an amazing diamond I’ve just watched
Great VIDEO!!! Framer is very powerful
Great video bro!❤ Thanks
such an epic video. thank you
This was awesome I was looking for someown who can share such video thank you brother bring such full website tuts from figma to framer...you're awesome brother.
It's my pleasure! I'm glad you like it
Love it bro ❤❤
thx great explanaitions
It was really helpful.. thanks ❤
You're welcome 😊
Part 3 on your website is missing
Why use figma at all then? Genuine question.
Cool, thanks! Could you also explain how to distribute variables across multiple files? I know that for styles it was very easy, just go to Libraries and switch it on. But I still didn’t find a way to do this with variables
Hey! Using variables across files in Figma is still not feasible. This is what they say "As a workaround, either recreate the variables in the destination file, or duplicate the original file."
@@ProductSensei77 Thank you so much! You’re a real sensei 😎
how i publishing
Is there a way to publish the website live through Figma instead of using this process?
Hi....awesome video
Quick question.
Lets say I created components in figma will they work in framer too?
❤
And where is the point where you actually make a real website as stated in the description? This is just another prototype.
Did you make it responsive from Figma or did you do it through framer?
I did it in Framer
When I paste into framer it is not automatically responsive, is that something that needs to be set in figma before pasting?
Yes, you need to set your auto layouts and constraints in Figma first.
I am setting autolayout and using constraints, it is responsive in figma but when I paste in Framer it still is not responsive. Any idea what I'm doing wrong? It's my first time trying it out!@@ProductSensei77
Bro I would like to give suggestion please start new playlist on framer with animation
Thanks for the advice! I will
@@ProductSensei77 Welcome