From Figma to Framer (Get Started in 28 Minutes)
Вставка
- Опубліковано 28 лип 2024
- Are you a Figma user who's getting into Framer? Use this tutorial to master the Framer interface and get started building responsive websites.
🔴 More Free Figma & Framer Resources: timgabe.com
🔴 Waitlist For My Upcoming Framer Course: timgabe.com/framer-course
Timecodes
00:00 Intro
02:18 Top Bar - Left
06:35 Left Sidebar
13:28 Top Bar - Middle & Right
17:06 Right Sidebar
Love this, thanks!
Thanks for your induction to Framer. Your overview is a lot better than four others I tried watching. I skipped through your comparisons with Figma since I haven't started using it. The Framer UI is much better than Divi, so I'm going to set up an account today.
that's great man! hope it worked out well for you!
Now this is what i call a tutorial, no brag abouts just to the point information with some insights
thank you!! 😃
Thanks Tim for this!
no worries at all, Prianca! thanks a lot for the comment ☺️
Thanks mate, It was really helpful.
thanks a lot for the comment, Nazqui! 🤩
Dude, youre amazing! Thank you!
thank you so much, my friend 😃
Thank you so much, you've made a very helpful video tutorial. 🙂
happy you liekd it!!
Finally i found this complete starter guide, thank you
happy that you found it, internet friend!
Love this man, thanks for creating such good content. If I can offer you feedback that will probably unanimously be agreed upon: kill the glitch transitions they're extremely jarring!
It's very helpful content. Thanks for sharing ~
appreciate it a lot, Thao 🥳
thank you for that :)
Hello Tim, thank you very much for this great video, really very helpful! Just a quick question, where could we find the full video tutorial for the topic of the effects that you mentioned at 23:34, is it published? Thanks again! :)
hey Sevi! 🤩 it actually isn't published yet, but it's one of the upcoming videos in the Framer series. 🙏 it'll be out in a couple of weeks!!
@@TimGabe Fantastic! looking forward to it! 🙂
Thank you for your great lessons, Tim. The LastPass is compromised. Stay safe and shift out of it.
I heard this and switched 🙏 thanks a lot, my friend!!
Hello Time Thank you very much for your videos, Can you do a video of the "Pull down to close" gesture in Figma. Thank you
this actually have me a content idea, Sreejith! 😃 thanks a lot, my friend 🙏
Interesting content, I've never used Framer before.
Framer is amazing!! you should give it a try, my friend! 😊
How do you create interactive input fields?
This is amazing, def more features than Figma, and probably the only strong point for Figma is the community. However, apart from that Framer is more advanced.
Thanks for sharing this (:
I'm super hyped on Framer, but it's very web design centric while Figma is more of a general design tool. I think they both will continue being successful in the future 😃
and thank you for commenting, Cosimo!!
They’re two different tools to be used together.
Very interesting! Curious to know how many pages one can create/have for Framer free plan🤔
I'm actually not sure, Chinonso! but you can check their pricing page here: www.framer.com/pricing/
Hey man great video! Quick question if I’m developing a website for people to signup and keep a profile, do you think it will be better after design it on Figma, to export to webflow or framer? Thanks
i always start in Figma first since that's where i'm the fastest, so i would do that!
This almost seems to good to be true, I’m very skeptical. To have a design tool that I can import my Figma file into and I can hand code React sections if I need to seems unreal. What’s the catch? And why are there more tutorials like there are for Webflow?
hey Tyus! ☺️ this is literally my exact thought every time I use it.
give it a test ride and see yourself - I feel that Framer is still incredibly underrated and will start to take over in 2023.
regarding tutorials vs. Webflow: they just pivoted to being a website builder tool this year, so we’re still early! 👌☺️
@@TimGabe ok I will definitely check it out, I’ve been look for a tool like this. I hope Framer also comes out with information about freelancers plans.
what about anima
I love you men thank you so much
I thought framer was a prototyping tool. So we can use it to make websites?
this year they pivoted into becoming a website builder 😃
they're still so underrated. I highly suggest that you get an account and start playing around 🥳
Sorry, got to go back to learning webflow. The tutorials on Framer/UA-cam are poor. Wanted to wait for the Tim Gabe course but that's going to be another 4/6 weeks to wait.
How do you add links into the website ?
in my cms tutorial i go through that + the cms!
ua-cam.com/video/ADrNwS19i5I/v-deo.html
Hi, how can I reach you? Any e-mail? I couldn't find in your UA-cam page.
Hey Helio!! You can reach me on Twitter at @timgabedesign 😃
❤❤❤❤
Good stuff but these scenes transitions are too much - we are talking about UX here? Why are you making the experience so painful?
hey Igor! not sure what scene transitions you are referring to? appreciate the feedback!!
@@TimGabe The transitions between the scenes of your video footage - these jittery tiktok like color shaking moments - just when as a watcher I try to concentrate on the details of the interface or values or whatever - I see these bursts of shaky colors... E.g. 6.52.
Just for "fun" try playing back at 0.75 speed to fully appreciate the disturbance. Seriously - simple fade in /out or none would do just fine.
Bhai he’s not teaching experience design here, just giving you a lowdown of Figma to Framer workflow. Your question is very out of place here as this is not a gestalt tutorial.
So annoying 8mins & 5 secs and throughout, what's with all the static type fuzzy lines, hated it while watching....
sorry to hear that!
Don't get me wrong pal, it was a great tutorial, just the noise was putting me off watching...@@TimGabe
Really nice revue.. but transaction between Framer and Figma examples not really comfortable.
thank you for the feedback, my friend 🙏