How To Use Formflow on Framer
Formflow → Framer Integration (Step-by-Step)
Open Framer → Assets → Plug-ins Click Browse All.
Install “Formflow” Plug-in Search “Formflow”.
Hit Install. A new Form Only component appears in Assets.
Grab Your Form ID In Formflow, go to My Forms → open the form. Copy the string after forms/
in the URL Drag “Form Only” onto the Framer canvas Drop it where the form should live.
Paste the Form ID Select the component. In the right-hand panel, paste the ID into Form ID field.
Fields load instantly. Make it Responsive With the component still selected: Choose Fill to span full width or Set Width = 50 % (or any %) for fixed ratio.
Preview & Test Click Preview.
Submit dummy data (name, email, etc.).
Resize the window—form should scale smoothly.
Done Form is live inside your Framer project.
How To Use Formflow on Framer
Formflow → Framer Integration (Step-by-Step)
Open Framer → Assets → Plug-ins Click Browse All.
Install “Formflow” Plug-in Search “Formflow”.
Hit Install. A new Form Only component appears in Assets.
Grab Your Form ID In Formflow, go to My Forms → open the form. Copy the string after forms/
in the URL Drag “Form Only” onto the Framer canvas Drop it where the form should live.
Paste the Form ID Select the component. In the right-hand panel, paste the ID into Form ID field.
Fields load instantly. Make it Responsive With the component still selected: Choose Fill to span full width or Set Width = 50 % (or any %) for fixed ratio.
Preview & Test Click Preview.
Submit dummy data (name, email, etc.).
Resize the window—form should scale smoothly.
Done Form is live inside your Framer project.
How To Use Formflow on Framer
Formflow → Framer Integration (Step-by-Step)
Open Framer → Assets → Plug-ins Click Browse All.
Install “Formflow” Plug-in Search “Formflow”.
Hit Install. A new Form Only component appears in Assets.
Grab Your Form ID In Formflow, go to My Forms → open the form. Copy the string after forms/
in the URL Drag “Form Only” onto the Framer canvas Drop it where the form should live.
Paste the Form ID Select the component. In the right-hand panel, paste the ID into Form ID field.
Fields load instantly. Make it Responsive With the component still selected: Choose Fill to span full width or Set Width = 50 % (or any %) for fixed ratio.
Preview & Test Click Preview.
Submit dummy data (name, email, etc.).
Resize the window—form should scale smoothly.
Done Form is live inside your Framer project.