How Volare uses Weavely to capture leads from their Figma site

Are you building your website in Figma? This can only mean you need digital presence and you have  clear business goals, most likely to attract, engage and generate leads. But how can you achieve that without an optimised, on-brand contact or lead gen form? The challenge is that this is what Figma doesn't offer natively, at least for now.

Volare.ai is a modern business advisory firm that combines business consulting with AI expertise to help clients scale efficiently and increase enterprise value. We're gonna dive into Volare's case to show how they manage to collect leads with a website built in Figma and on-brand forms created in Weavely.

Figma sites - an increasingly popular choice to build a website

Last year Figma launched a new feature - Figma sites, which lets you design and publish live websites fast and with no coding required.  It has since become a popular tool not only among designers, but also entrepreneurs, marketers and other professionals who need a no-code solution to create good-looking websites. Like many early-stage firms (and not only), Volare chose Figma to design its website for maximum creative control. The result? A stylish landing page with good copy and bold colours.

But for a company that helps others grow, Volare needed one thing their Figma-built site couldn’t offer out of the box: a reliable way to capture and qualify leads.

They needed a functional contact form, something that could gather key business information, route prospects to the right person internally, and do it without disrupting the design or adding extra dev work.

How Volare generates leads on their Figma website with Weavely forms

After publishing the newly-designed website, Shamus McNutt, CEO of Volare, started looking for a form solution. He needed a form that would be compatible with a Figma site and would allow them to onboard clients and convert them upon landing on the page.

With Weavely AI, Shamus quickly generated a lead gen form with relevant questions. It went beyond basic contact info, it also asked key business questions to help qualify leads from the start. He then customized the form to fully blend it into Volare's website design. Since Weavely forms seamlessly integrate with websites built in Figma, it took just a few clicks to embed the form and start collecting quality leads. And now that the data is flowing, Volare can connect Weavely directly to their CRM. With native integrations for tools like HubSpot, new submissions are automatically logged. No manual entry, no lost leads.

The result of using Weavely for collecting leads on the website

According to the CEO of Volare, using Weavely made an immediate impact. Not just on lead capture, but also on perception. “We got great feedback from visitors,” he noted. “People commented on how professional the site and form looked. The layout really stood out.” Beyond the visuals, he credits the Weavely team for helping them move fast. “They were amazing. The team helped us get the form up quickly, and made sure it looked and felt totally on-brand.” For a founder balancing speed and polish, that kind of support made all the difference.

If your site is beautifully designed in Figma but missing that final interactive layer, like a form that would collect sales leads, Weavely can close this gap. You don’t need to rebuild. You don’t need to hand it off to developers. Just describe the form to Weavely, get the code and embed it. Super easy!

The types of Forms you can build for your Figma site with Weavely

With Weavely, you can build a form for your Figma-designed site that does more than just capture emails. For example, you can add conditional logic to guide visitors through tailored questions. Often asking the right follow-up can mean the difference between a cold lead and a qualified one. Need to collect supporting materials? You can include file upload fields so users can submit documents or images directly through the form. And to stay on top of every new lead, set up automatic email notifications for new submissions.

Whether you need a contact or onboarding form, a feedback or customer satisfaction survey, Weavely got you covered, for free.

How do I embed a contact form on a Figma site?

If you want a working contact form or lead-capture form on your Figma website, you can easily embed forms built externally, such as those created with Weavely.ai. In principle, you just need to drag an “Embed” layer from the toolbar into you site page and add a link to the Weavely form. But there are a few nuances on the Figma side that you should know for the form to look naturally and like part of your website. Watch a short video-tutorial for a more detailed explanation, or read this guide that explains how to make sure the embed renders correctly on the various viewports, and more.

Frequently Asked Questions

Does Figma sites have a native form builder?

No, at the moment Figma doesn't offer any form building functionality, but it allows you to add forms built in third-party tools like Weavely by using an embed block.

Can I use Weavely with a website designed entirely in Figma?

Yes, Weavely lets you drop in forms that match your design and flow. It’s ideal for design-led websites that need business functionality.

Can I style my Weavely form to match my branding?

Yes, Weavely is one of the most customisable form builders and lets you design fully on-brand forms by adding your exact brand colours, logo, changing the layout, and more.

Can I use Weavely for free?

Yes! Weavely offers a very generous free version, letting you build unlimited forms and collect unlimited submissions. All advanced features and integrations are also available on the free plan.

‍