What is Framer?
Framer is an interactive design tool for websites and prototyping. It excels at building entire marketing sites, landing pages, online campaigns and much more. It supports every part of the design process, from visual mockups to interactive prototypes, but its unique strength is publishing directly from the canvas.
Importing from Figma
With the Figma plugin installed, you can easily copy over layers from Figma to Framer. All you need to do is copy the layers you want to bring over in Figma and paste them on the Framer canvas.
Importing from Sketch
Importing your Sketch designs into Framer is easy using Framer’s Sketch Copy & Paste Plugin.
Publishing your Site
With Framer, you can instantly publish you site onto the web to a Framer subdomain or a third party custom domain.
Previewing your Site
You can preview your website and all of your interactions without publishing by using the Preview function.
Collaborating in Framer
Design together in realtime, invite your teammates, and share components and styles.
Managing Content (CMS)
The CMS in Framer has everything you need to manage content for a blog posts, job listings, or marketing pages. Learn how to add, edit and publish content in the CMS in Framer.
Configuring Site Settings
You can configure settings specific to your website in your Site Settings, such as passwords, custom domains, and more.
How to use templates
Using a Framer template is a great way to get started with your website if you are short on time or need some extra design inspiration. Before you get started with a template we advice you familiarize yourself with our beginner tutorial. You can also find more tutorials on the Learn page.
How to make my site responsive
Your site needs to look good across a variety of devices, from desktop to mobile, but preferable with the least amount of work.