5 Form Builders for Figma Sites

You know that moment when you’ve crafted the perfect landing page in Figma Sites: pixel-perfect grids, buttery-smooth typography, the works. And then someone says: “Cool… but where’s the contact form?” Yep, the design graveyard is filled with beautiful sites that forgot the humble web form.

Here’s the catch: Figma Sites doesn’t support forms out of the box (yet). No contact form for your portfolio, no feedback form for your beta launch, nada. But don’t worry, you don’t need to hack your way through code to fix it. All you need is a good form builder and a quick embed.

We recently made a YouTube video showing exactly how to embed a Weavely form into a Figma Site. Turns out a lot of designers are asking the same question: “How do I actually make my site interactive?”. So in this post, we're rounding up 5 form builders for Figma Sites to get you on the way with that contact form. Whether you need a lean contact form or a feedback flow that looks like it belongs in your brand system, these tools will get you from static to interactive in minutes.

How to Embed a Form in Your Figma Site

Feel free to skip this section and move ahead to the overview if you've got this part figured out. However, in case you're not sure how to embed a web form in your Figma site. Here's a quick tutorial on how to do it.

Add an Embed Element

In Figma Sites, head to the bottom of the toolbar and drag the Embed element into the section where you want your form to live. For example, you might place a contact form on your “About Us” page.

Resize Responsively

‍Once placed, tweak the embed’s width and height so it matches your design. A good setup is:

1. Width: Fill container
2. Height: Fill container
3. Minimum height: 700px (or whatever fits your form layout)

Choose Your Embed Method

‍You have two options:

1. Paste a URL: Simply grab the share URL from your form builder, and paste it into the embed field. This is the fastest way to get a working form live.
2. Use HTML (iframe): For more control, paste a snippet of iframe code. Make sure to set width="100%", height="100%", and scrolling="no". This prevents the awkward double scrollbars that can appear when embedding forms.

Match Your Style & Test

For the best user experience, customize your form to align with your site’s fonts and colors. That way, it looks native to your design rather than dropped in from elsewhere. Finally, Run your site and test the form end-to-end. Submit an entry and confirm the data comes through in your form builder’s dashboard.

Our Picks for the Easiest Form Builders to Use with Figma Sites

Alright, let’s get to the good stuff. Here are five solid options to bring contact forms and feedback forms into your Figma Sites projects. In case you can't be bothered to go through them (and we wouldn't blame you), here's the TL;DR: If you’re a UX/UI designer looking for speed and style, start with Weavely. If you need fancy animations, check out Typeform. If you’re broke, go with Tally. For internal use, stick with Google Forms, and if you want the “Swiss Army knife” of form builders, try Jotform.

1. Weavely (best for AI-assisted form building)

If you’re tired of fiddling with fields, Weavely is your new best friend. It’s an AI-powered form builder that can spin up complete forms from a simple prompt. Want a feedback form for a SaaS beta launch? Or a playful survey for your portfolio site? Just type it out and Weavely builds it.

The embedding part is painless too: grab the share link, drop it into Figma’s Embed block, tweak the height/width, and boom — you’ve got a live form inside your site. Bonus points: it sports a bunch of built-in integrations (e.g. Google Sheets, HubSpot, Salesforce, etc), extensive customisation options to ensure your form is on brand and a lot of advanced features (e.g. conditional logic, answering piping, etc.).

👉 Best for: Designers who want to go from idea → working form in under 5 minutes.

2. Typeform (best for polished, conversational forms)

Typeform is like the Apple of form builders: everything feels slick, animated, and user-friendly (but it comes with a hefty price tag). If you want your form to feel more like a conversation than a questionnaire, Typeform nails it.

You can embed Typeforms in Figma Sites via iframe, which works well for things like lead capture, surveys, or job application flows.

👉 Best for: Making forms that don’t feel like forms.

3. Tally (best free alternative)

Tally has exploded in popularity because it’s basically Notion meets forms. The UI is minimal, the pricing is generous (lots of functionality in the free tier), and embedding is straightforward. It won’t give you the flashy transitions of Typeform, but it’s clean, and effective.

👉 Best for: Solo designers or startups who want free and functional.

4. Google Forms (best for no-frills functionality)

Not the sexiest option, but sometimes you just need something that works. Google Forms is reliable and dead simple. Drop the form’s share URL into your Figma embed, and you’ve got a working form. The downside: the styling is very “Google-y,” so unless you iframe with custom CSS tricks, it won’t blend seamlessly into your design.

👉 Best for: Internal projects or teams that live inside Google Workspace.

5. Jotform (best for customization without coding)

Jotform has been around forever, and for good reason. It’s powerful, flexible, and offers tons of integrations with tools like Slack, Notion, and Zapier. You can make anything from a basic signup form to a full event registration system. The customization options are deeper than most other builders, but the interface can feel a bit heavy compared to something like Weavely or Tally.

⚠️ One catch: the free plan comes with a pretty intrusive Jotform branding banner at the bottom of your forms. If you’re embedding into a polished portfolio or client site, it’ll stick out like a sore thumb unless you upgrade.

👉 Best for: When you need advanced features (like conditional logic or payment fields) without touching code ... and don’t mind paying to remove the branding.

Wrapping Up

So there you have it, five different ways to add contact forms and feedback forms to your Figma Sites. From polished conversations with Typeform to no-frills Google Forms, there’s a tool for every project and budget.

But if you want the fastest, cleanest option, especially as a UX/UI designer who’d rather spend time polishing layouts than fiddling with form fields, Weavely is the one to try first. It’s quick to set up, plays nicely with Figma’s embed feature, and actually feels like part of your design instead of a bolted-on widget.

‍