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.

Table of contents