Install our Figma plugin, and you are ready to convert your Figma design to HTML code with Framer.
Copy and paste your web designs from Figma to Framer and hit publish. Ship a simple landing page or turn your design into a fully dynamic blog with the built-in CMS.
Exporting Figma to HTML with ease.
When you publish with Framer, we ensure your site is built using all the best practices, so it loads quickly on mobile devices and gets a good ranking in Google search results. We convert your design mockups into HTML, CSS, and React code. We also optimize for performance by minifying all the JavaScript and image files.
Make it interactive with just a few simple steps.
Use the interactive tools to bring your design ideas to life. Whether you want scroll effects, hover animations—or anything else that might come up during development—Framer allows you to create them all without any code.
Effects
With the animation tools, you can create stunning scrolling animations in just a few clicks. Use the simple interface to set up timing for your desired animation and tweak it until it’s perfect.
Interactions
When a user hovers or clicks on an element, trigger an animation or cycle between different states. Open a hamburger menu or modal when the user clicks on the button; all of this is possible from the Framer UI.
Make it dynamic with the Framer CMS.
Replace your static text with dynamic values from our built-in CMS. Perfect for turning your blog design into the real thing when going from Figma design to Framer.
Collections
Manage all your dynamic data from the Framer UI. Use various types of data—links, numbers, rich text, images, videos, toggles, and more—to create collections of items. Once you have reviewed and curated your data, use it to generate values, lists, grids, or entire pages. You can even feed CMS data into page titles and descriptions so that search engines will recognize the uniqueness of each page on your site.
Dynamic Pages
When you create a page from the CMS, each item in your collection gets its own page. It doesn't matter if you have 5 or 500 blog articles—you've only got to design one template! This will save time and energy as it lets you quickly generate an entire Blog section.
