Using Framer

Learn about Framer's tools, features, and best practices.

Desktop App

Automated publishing

How to use the Framer CLI to publish automatically.

Read more
Publishing from the CLI

How to publish packages from the Framer CLI.

Read more
Integrating projects with git

How to collaborate on a Framer project with git.

Read more
Working with folder-backed projects

How to save a Framer project as a folder.

Read more
Handing off from the desktop app

Best practices to hand off a desktop app project

Read more
Importing a React Design System

How to use an existing React library in Framer.

Read more
Export Project as an HTML prototype

How to export your project as a bundled HTML prototype.

Read more
Using NPM packages in Framer

How to add and manage a project's dependencies.

Read more
Previewing in the browser

How to preview your prototype in a separate browser.

Read more
Changing your Framer Library version

How to downgrade or upgrade your version of the Framer Library.

Read more
Using images in Code Components

How to include an image in your code.

Read more
Restoring from a project backup

For projects created with the desktop app, it is possible to jump back in time to an earlier version of your project. 

Read more
Using an external code editor with the desktop app

How to use your own text editor to edit your project's code.

Read more
Can I embed my prototypes elsewhere?

How to embed a project online.

Read more
Can I put my components on Storybook?

How to use Framer together with Storybook.

Read more
Technical requirements for the desktop macOS app

Learn about the hardware and software requirements for Framer’s desktop app.

Read more
Download a prototype to the Framer mobile app.

Learn to download a preview for offline viewing.

Read more
Importing Package Components in code

How to include package components in your Code Components.

Read more
Getting existing React components on your canvas

How to include NPM package components in your Code Components.

Read more
Why does Framer ask for permission to record my screen?

How to set up permissions on macOS Catalina.

Read more
Authenticating with a Framer Token

How to set up a Framer Token to installing NPM packages.

Read more
Setting custom fonts from code

How to use local fonts in a code component.

Read more
Differences between the Framer desktop and web app

See the differences between the web and desktop versions of Framer.

Read more
Framer Desktop app

Framer also has a macOS desktop app, learn what it does.

Read more
Changes to Framer X

Framer X will continue to exist, only under a different name.

Read more
Requesting a new sign-in link

How to get a fresh link to sign into Framer.

Read more
Activating your account

How to activate your Framer account.

Read more

FAQ

Where can I request a feature?

Learn where you can request new features.

Read more
Which domains does Framer require?

Framer requires certain domains to be accessible.

Read more
How do I import my Sketch and Figma projects?

To easily turn your designs into prototypes, Framer allows you to import from Figma and Sketch.

Read more
Changes to Framer

With our web release, we’ve changed a lot. Learn what’s new.

Read more
Can I work offline in Framer Web?

Learn about how Framer for the web works online and offline.

Read more
What are these common Framer terms?

Learn some of Framer's terminology.

Read more
What happens when I convert a Classic document to Framer?

Learn how documents from Framer Classic are converted to Framer.

Read more
Can I make real apps with Framer?

Learn where Framer fits in a development process.

Read more
How can I play sounds in my Framer prototype?

How to include audio in your prototype.

Read more
Can I use Framer with a proxy?

Yes, Framer should automatically recognize proxy settings.

Read more
Why do my exported assets look different than on the canvas?

How to ensure that your computer's color profile is set up correctly.

Read more
Why are my Sketch assets copied as a single frame?

How to make sure that your Sketch imports are working correctly.

Read more
How do I switch between Day and Night Mode?

Learn how to set Framer's theme through the application menu.

Read more
Why am I seeing background blur artifacts?

The background blur property is still in beta and not fully supported by all browsers.

Read more
Masking an Image

How to mask images using the Overflow property.

Read more
How do I update my Avatar?

How to change your avatar in Framer Web.

Read more
What is Framer Tools?

How to install and use the Framer Tools application.

Read more
Does Framer support version control?

How to manage versions in Framer.

Read more
What’s changing to my existing Framer license?

With Framer Web, some changes will happen to your license.

Read more