My Figma to Framer Process 

Love it!

Thanks for a quick overview in Framer Matt!

For a short video there's a lot of great practices being laid out! During your building process, when you start off, "As a designer I often want to go wide..." is such a great tactic to efficiency that I think a lot of designers should entertain! Thank you for sharing your process!!!

It would be amazing to see more in depth, a part from that, really well explained and designed!!

Love this process! Cannot wait for the new framer masterclass!👏

This was super helpful; thank you!!

Hi Matt! Thank you for all the knowledge =) I wanted to ask why you use a max width of 1312 px when you use a desktop size of 1200px in framer ! When the desktop margin is 64 px shouldn't the hero-container be: 1072 px instead of 1312px ? Would be nice to clarify cause I watched your other video " don't make these rookie mistakes" with an example of 1440px desktop design in framer and you made a hero container of : 1344px because of 48 px margin which makes totally sense ! But now I am totally confused :D THANK YOU

Your WORFLOW protocol is fantastic from someone who does print and pivots to digital design…👍💰✅

What software are you using to show the key inputs you are clicking?

Amazing!

What software is he using to record these videos? It’s clean and even shows what keyboard shortcut he uses. I’m curious to know what software he uses to do that?

Hi Matt, great tutorial! Are there any valid scenarios in which you would say designing in Figma is preferred before Framer? I see a lot of people head straight to Framer and dont even bother with Figma anymore. To be honest, I like that approach a lot too as it just saves me time and I get much more direct prototype feedback straight away. Thanks for this! Appreciated🙏🏻

Great video breakdown of Framer, Matt did a great job walking through his process. I know for myself I have been struggling with Size (Width & Height) variables - I'm looking forward to the Masterclass :)

More please😩

awesome thank u

The art direction of this side is just top notch. I would love to know your content creation techniques. Are you lucky enough to work with photographers or this actually the level of your Midjourney skills? Maybe you could record a lesson about this too? and add it to masterclass?

This is a typical UX designer work flow… love it!😍

im still fairly new to Framer and have some questions i want to ask here.. would it not be more work and repetitive to set up a wireframe and construct all of your design on Figma and then redo the whole page again on Framer? When you present and deliver your work to the client do you normally give two files? One is Figma that shows all of your "process" like the style guide, and low fidelity work and Framer would be the high fidelity prototype? I have also heard that you can design all of your work on Figma and then directly export all of it to Framer so you don't need to construct the pages again.

Would you recommend creating a portfolio on Figma and then exporting it to Framer? I am completely new to Framer and im struggling to create the portfolio on Frame alone

I spent some time in Framer today. I didn't see anything regarding rem font sizes/padding etc. Am I missing something? Is there a way to enable?

This is brilliant advice for any web designer, even if you don't use Framer. Exactly the level of detail and care I look for in the designers I work with. Class video mate. 👏

Hi Max ! how are you ? Why you stop to make video on framer in RU-vid ! U make an amazing work so continu please to help to growth on this tool please !

I’m wandering where do you get these consistent style photos?

I always wonder how you add animations without worrying about it breaking on specific browsers. It happened to me so many times that it threw me off adding animations at all.

Super helpful! It's a shame you can't use Adobe Typekit. The whole licensing makes it more expensive

what breakpoint plugin is used in Figma?

Are you Canadian? You gave it away when you said 'I am building it "out" ' haha

Where I find the Framer Masterclass?

Can you kindly share with me this document?

How soon? And what's the price? ;)

Oh, that's awesome to hear about the New Framer Master Class! I was thinking of joining the current one on Flux, but for some reason, I just can't stand the guy's (dog groaning) voice 😅.