Matt Jumper shares an overview of his 3‑step Figma to Framer web design process — from layout systems and creating styles to how he starts building.

Free website UI kit made by Framer?! You got my interest. ​“Easily transform your ideas into a fully functional, responsive, no-code SaaS website design within minutes using these free components for Framer and Figma.”

Fons Mans partnered with Framer again this year for a new advent calendar of design gifts — everything from heavily discounted apps to free icon and wallpaper packs.

Ridd just launched Dive with an amazing lineup of design educators. In this tutorial, he designs the new Dive website and shows how his use of components to speed up workflow in Figma, talks about visual design principles and his approach to UI design in Figma. Lastly, he shows how easy it is to go from Figma to Framer to a published website.

A few tricks for successfully exporting Figma mockups to Framer. In the end, it all comes down to using flexible and consistent structures in Figma that translate to code in Framer really well.

Framer published a selection of the best Framer websites made last year. Lots of great designs to get inspired from, but I didn’t expect to see such a heavy dose of personal websites of designers and agencies.

If you’ve been hearing the hype about Framer on #designtwitter and are curious to give it a try, check out this quick tutorial on bringing your design from Figma to Framer and building a website without writing code.

Framer and Fons Mans teamed up to create an advent calendar of design gifts, from heavily discounted apps to free icon & wallpaper packs. So far they’ve offered big discounts on Sketch and Campsite subscriptions, as well as a free typeface from The Pangram Pangram Foundry.

Framer announced the new app for designing and publishing websites without writing any code. Like everything they do, it’s powerful and well-made. It’s even integrated with Figma through their Framer Copy Paste plugin! Excited to see more high-quality tools in this field.

A new plugin by Framer. You can now copy layers in Figma and paste them directly into Framer to make your Figma projects interactive in just a few steps.

While the title mentions only Adobe XD, I liked how they also tried Sketch for Teams and Framer X before settling on Figma. Their final scoresheet is very detailed and seems quite accurate.

Framer Web team shows how to move from visual design to interactive prototyping in minutes, thanks to their recently announced Figma importer.

Thanks to Figma’s commitment to open web, Framer X just introduced Figma importer. This is great news for people interested in interaction design and advanced prototyping.