Tips & tricks
- Free
- Alternative
Tips & tricks
- Free
- Alternative
Tips & tricks
- Free
- Alternative
This is The Best Free Alternative for Framer Forms
In this tutorial, you’ll learn how to build an interactive website base in Framer, create a fully functional multi-step form (with file uploads, conditions, and more). The result? A native, smooth, and professional form experience, without writing a single line of code.
Posted by
Nandi
Table of contents
Getting started
So you’ve been playing around with Framer forms, right? Ever tried to make a multi-step form, maybe even add file uploads… and then realized, nope. Not happening.
Yeah, that’s because Framer’s built-in forms are still pretty limited. You can’t do conditional questions, you can’t do multi-step flows, and even submissions are capped.
Do I have something to help you? You know I do. Let’s get into it.
Building the base with Framer
We’ll start inside Framer by creating a simple layout inspired by the OpenPurpose website. Think of it as a clean hero section with a big, shiny “Start” button floating in the middle.
Getting started
So you’ve been playing around with Framer forms, right? Ever tried to make a multi-step form, maybe even add file uploads… and then realized, nope. Not happening.
Yeah, that’s because Framer’s built-in forms are still pretty limited. You can’t do conditional questions, you can’t do multi-step flows, and even submissions are capped.
Do I have something to help you? You know I do. Let’s get into it.
Building the base with Framer
We’ll start inside Framer by creating a simple layout inspired by the OpenPurpose website. Think of it as a clean hero section with a big, shiny “Start” button floating in the middle.
Getting started
So you’ve been playing around with Framer forms, right? Ever tried to make a multi-step form, maybe even add file uploads… and then realized, nope. Not happening.
Yeah, that’s because Framer’s built-in forms are still pretty limited. You can’t do conditional questions, you can’t do multi-step flows, and even submissions are capped.
Do I have something to help you? You know I do. Let’s get into it.
Building the base with Framer
We’ll start inside Framer by creating a simple layout inspired by the OpenPurpose website. Think of it as a clean hero section with a big, shiny “Start” button floating in the middle.
Starting form base on Framer.
Starting form base on Framer.
Starting form base on Framer.
When users click that button, they’ll transition smoothly to another page, this is where our Tally form will live.
To build it:
Add a simple logo to the top using a fixed navigation bar.
Center your 3D rotating button in the middle (I used a sphere animation here).
Give it a hover effect so it feels alive.
Then, link it to another page called something like “Form Tutorial.”
That’s all we need for the Framer base. Clean, simple, and ready to hold our form.
Building our form with Tally
Before we start building, let me introduce Tally real quick.
Tally is hands down the simplest way to create forms. You literally write forms like you’re typing a document. Over 1 million creators use it, it’s that popular.
When users click that button, they’ll transition smoothly to another page, this is where our Tally form will live.
To build it:
Add a simple logo to the top using a fixed navigation bar.
Center your 3D rotating button in the middle (I used a sphere animation here).
Give it a hover effect so it feels alive.
Then, link it to another page called something like “Form Tutorial.”
That’s all we need for the Framer base. Clean, simple, and ready to hold our form.
Building our form with Tally
Before we start building, let me introduce Tally real quick.
Tally is hands down the simplest way to create forms. You literally write forms like you’re typing a document. Over 1 million creators use it, it’s that popular.
When users click that button, they’ll transition smoothly to another page, this is where our Tally form will live.
To build it:
Add a simple logo to the top using a fixed navigation bar.
Center your 3D rotating button in the middle (I used a sphere animation here).
Give it a hover effect so it feels alive.
Then, link it to another page called something like “Form Tutorial.”
That’s all we need for the Framer base. Clean, simple, and ready to hold our form.
Building our form with Tally
Before we start building, let me introduce Tally real quick.
Tally is hands down the simplest way to create forms. You literally write forms like you’re typing a document. Over 1 million creators use it, it’s that popular.
Tally forms.
Tally forms.
Tally forms.
And the best part? It’s completely free, with unlimited submissions. Alright, let’s build our form.
Step 1: Basic info
We’ll start with a few simple questions:
What’s your name? – Short answer field
Email address – Email field
What are you looking for? – Multiple choice: Framer website, Web app, Other
Already, you can see how smooth this experience is—it’s literally like writing a doc. You just type “/short answer” or “/multiple choice,” and Tally does the rest.
And the best part? It’s completely free, with unlimited submissions. Alright, let’s build our form.
Step 1: Basic info
We’ll start with a few simple questions:
What’s your name? – Short answer field
Email address – Email field
What are you looking for? – Multiple choice: Framer website, Web app, Other
Already, you can see how smooth this experience is—it’s literally like writing a doc. You just type “/short answer” or “/multiple choice,” and Tally does the rest.
And the best part? It’s completely free, with unlimited submissions. Alright, let’s build our form.
Step 1: Basic info
We’ll start with a few simple questions:
What’s your name? – Short answer field
Email address – Email field
What are you looking for? – Multiple choice: Framer website, Web app, Other
Already, you can see how smooth this experience is—it’s literally like writing a doc. You just type “/short answer” or “/multiple choice,” and Tally does the rest.
Creating form on Tally.
Creating form on Tally.
Creating form on Tally.
Step 2: Project details
Here we’ll make it a bit more advanced.
Can you share more information about your project, @Name?
Notice that “@Name”? You can actually @-mention previous answers. Tally pulls that data in automatically.
Conditional logic example:
If someone selected Framer Website earlier, we’ll show a new question: “Do you already have the design?”
If they selected Web app instead, the question won’t appear.
This is where Tally starts feeling powerful, no coding, just natural logic.
What’s the project deadline?
Options: 30 / 60 / 90 / 120+ days
What’s your budget?
Options: $10k / $25k / $50k
All in all, this step helps you understand the scope of a potential project while showing just how much control Tally gives you over your form flow.
Step 3: Relevant files
Lastly, let’s let users upload files. Like brand guides, references, or Figma exports.
Add a simple “Any documents you’d like to share?” question and choose the file upload field.
You can even add a little helper text below it, style the text, change colors, or format it however you like. It’s all super flexible.
And that’s not even scratching the surface. With Tally, you can also:
Add your own branding and colors
Connect integrations like Notion or Airtable
Even accept payments directly through your form
Basically, you can go as wild as you want with it.
Embedding in Framer
Now, here’s where it gets really fun.
To embed the form, just open the Tally plugin inside Framer (it’s official).
Paste in the link to your published form.
Choose if you want to hide the title or background.
Click Embed Form, and that’s it.
No code. No headaches.
And if you want it to look extra polished, just add a little appear animation so the form fades in when users navigate to the page. It feels buttery smooth.
Going live
Step 2: Project details
Here we’ll make it a bit more advanced.
Can you share more information about your project, @Name?
Notice that “@Name”? You can actually @-mention previous answers. Tally pulls that data in automatically.
Conditional logic example:
If someone selected Framer Website earlier, we’ll show a new question: “Do you already have the design?”
If they selected Web app instead, the question won’t appear.
This is where Tally starts feeling powerful, no coding, just natural logic.
What’s the project deadline?
Options: 30 / 60 / 90 / 120+ days
What’s your budget?
Options: $10k / $25k / $50k
All in all, this step helps you understand the scope of a potential project while showing just how much control Tally gives you over your form flow.
Step 3: Relevant files
Lastly, let’s let users upload files. Like brand guides, references, or Figma exports.
Add a simple “Any documents you’d like to share?” question and choose the file upload field.
You can even add a little helper text below it, style the text, change colors, or format it however you like. It’s all super flexible.
And that’s not even scratching the surface. With Tally, you can also:
Add your own branding and colors
Connect integrations like Notion or Airtable
Even accept payments directly through your form
Basically, you can go as wild as you want with it.
Embedding in Framer
Now, here’s where it gets really fun.
To embed the form, just open the Tally plugin inside Framer (it’s official).
Paste in the link to your published form.
Choose if you want to hide the title or background.
Click Embed Form, and that’s it.
No code. No headaches.
And if you want it to look extra polished, just add a little appear animation so the form fades in when users navigate to the page. It feels buttery smooth.
Going live
Step 2: Project details
Here we’ll make it a bit more advanced.
Can you share more information about your project, @Name?
Notice that “@Name”? You can actually @-mention previous answers. Tally pulls that data in automatically.
Conditional logic example:
If someone selected Framer Website earlier, we’ll show a new question: “Do you already have the design?”
If they selected Web app instead, the question won’t appear.
This is where Tally starts feeling powerful, no coding, just natural logic.
What’s the project deadline?
Options: 30 / 60 / 90 / 120+ days
What’s your budget?
Options: $10k / $25k / $50k
All in all, this step helps you understand the scope of a potential project while showing just how much control Tally gives you over your form flow.
Step 3: Relevant files
Lastly, let’s let users upload files. Like brand guides, references, or Figma exports.
Add a simple “Any documents you’d like to share?” question and choose the file upload field.
You can even add a little helper text below it, style the text, change colors, or format it however you like. It’s all super flexible.
And that’s not even scratching the surface. With Tally, you can also:
Add your own branding and colors
Connect integrations like Notion or Airtable
Even accept payments directly through your form
Basically, you can go as wild as you want with it.
Embedding in Framer
Now, here’s where it gets really fun.
To embed the form, just open the Tally plugin inside Framer (it’s official).
Paste in the link to your published form.
Choose if you want to hide the title or background.
Click Embed Form, and that’s it.
No code. No headaches.
And if you want it to look extra polished, just add a little appear animation so the form fades in when users navigate to the page. It feels buttery smooth.
Going live
Live form.
Live form.
Live form.
Time to publish. Click Publish, open your live site, hit the Start button, and boom. Your form slides in beautifully, right there on your Framer website.
Users can fill everything out, upload files, and even experience conditional questions, all without ever leaving your site.
And on your end, the submissions show up inside Tally in a neat dashboard. You can see responses, download them as CSVs, and track summary stats.
Oh, and remember: unlimited submissions, even on the free plan. That’s a big win compared to Framer’s built-in forms.
Wrapping up
So yeah, if you’ve been struggling with Framer’s native form limits, this is your fix.
Tally gives you multi-step forms, file uploads, conditional logic, and custom styling, all for free. Go try it out at Tally. It’s seriously one of the best free tools you can pair with Framer.
Time to publish. Click Publish, open your live site, hit the Start button, and boom. Your form slides in beautifully, right there on your Framer website.
Users can fill everything out, upload files, and even experience conditional questions, all without ever leaving your site.
And on your end, the submissions show up inside Tally in a neat dashboard. You can see responses, download them as CSVs, and track summary stats.
Oh, and remember: unlimited submissions, even on the free plan. That’s a big win compared to Framer’s built-in forms.
Wrapping up
So yeah, if you’ve been struggling with Framer’s native form limits, this is your fix.
Tally gives you multi-step forms, file uploads, conditional logic, and custom styling, all for free. Go try it out at Tally. It’s seriously one of the best free tools you can pair with Framer.
Time to publish. Click Publish, open your live site, hit the Start button, and boom. Your form slides in beautifully, right there on your Framer website.
Users can fill everything out, upload files, and even experience conditional questions, all without ever leaving your site.
And on your end, the submissions show up inside Tally in a neat dashboard. You can see responses, download them as CSVs, and track summary stats.
Oh, and remember: unlimited submissions, even on the free plan. That’s a big win compared to Framer’s built-in forms.
Wrapping up
So yeah, if you’ve been struggling with Framer’s native form limits, this is your fix.
Tally gives you multi-step forms, file uploads, conditional logic, and custom styling, all for free. Go try it out at Tally. It’s seriously one of the best free tools you can pair with Framer.
