Morph DocsGetting Started
Install Plugin
Install the Morph plugin in Framer to start personalizing your site.
Morph is available on the Framer Marketplace. Here's how to install it.
Install from Framer
- Open your project in Framer
- Click the Plugins icon in the toolbar (puzzle piece icon)
- Search for Morph
- Click Install
The plugin opens in a panel on the right side of your canvas. You'll see the welcome screen with options to sign in or create an account.
Plugin permissions
When you install Morph, it requests these Framer permissions:
- Create code files — to store rule configuration
- Clone nodes — to duplicate components when creating variants
- Set attributes — to tag components with personalization data
- Remove nodes — to clean up variants when deleting rules
- Set custom code — to inject the Morph runtime script into your site's
<head>
These permissions are required for the plugin to function. Morph only modifies components you explicitly select for personalization.
Sign in
After installing, sign in with the account you created:
- Tap Sign in on the welcome screen
- Enter your email and password, or tap Continue with Google
- Once authenticated, the plugin will automatically set up your first site
First-time setup
On your first sign-in, Morph will:
- Create a site record linked to your Framer project
- Inject the runtime snippet into your site's
<head>code - Show the Rules tab — you're ready to create your first personalization rule
If the snippet injection fails for any reason, you can manually add it from the Account tab.