The Most Custom Wordpress Plugin for Forms: from Figma to WordPress

Have you ever found yourself browsing through WordPress form builder plugins, only to realise that while the supply is not scarce, they always seem to lack something you need? After conducting research across various WordPress form builders, we’ve noticed that there is one common drawback among all these tools: a lack of customisation.

Existing plugins offer various templates, advanced building blocks, and minor design editing options. However, what if you need to apply your full brand style guide to a contact form on your WordPress website? Unless you code it yourself, achieving this level of customisation with a third-party tool is hardly possible.

And since we're a super custom form builder that turns Figma designs to web forms, we decided to tackle this problem 🤓

Weavely - custom form plugin for WordPress

(drumroll) We're happy to introduce Weavely - a new plugin in the Wordpress environment that lets you build forms as custom as you wish! This all is thanks to our integration with Figma, the most powerful design tool out there. And of course, apart from custom looks, Weavely also offers advanced functionality like conditional logic, answer piping, and much more.

What kind of forms can I build with Weavely in WordPress?

Unlike some other form plugins, Weavely doesn't limit you to a single type of form. Our tool offers dozens of form elements suitable for building contact, feedback, lead generation or event registration forms as well as more complex multi-page forms, onboarding and customer satisfaction surveys.

The only type of form that is not yet available in Weavely is payment forms. If you need to collect payments on your WordPress website, you can use WP Full Pay, a no-code Stripe payment plugin.

How to install the Weavely plugin for WordPress

Installing the form building plugin for Word


Search for Weavely in the plugins tab in Wordpress, and click install, it will take a few seconds. Once installed, click activate.

Now, you'll need to create an account with Weavely to get access to your API key. When you sign up, you'll be taken to the dashboard. In the settings tab you can find your key. All set! Let's move on to creating a form and embedding it on your website.

Connecting a form plugin for Figma with WordPress

Creating a form in Figma with Weavely and embedding it in WordPress

So, now you have your Weavely account and you are ready to create your first form in Figma with the Weavely plugin. When you open the plugin, you'll have a choice to generate a form with AI or start building from scratch by simply selecting form elements from the Weavely component library.

Once you have all the required form element selected, you can edit the design as much as you want, and publish your form. Customisation options, in both UX and UI, are endless! Change colours, add images and your company’s branding, use non-trivial form elements, hyperlinks, advanced functionality and more. Done? Then, click publish, and your form will immediately become live.


The last step is to put it on your website. Now you can go back to the plugin in WordPress. Your newly-published form will appear in the list of all your forms together with a “short-code” per form. This short-code is a WordPress-specific code that you simply need to add to your website. Your form will then automatically render in your WP website. Easy!

embedding a form built in figma in wordpress

When you receive form submissions, they will be stored in the Weavely dashboard, which is the same platform where you obtained your API key, allowing for easy data management. With Weavely's native integration with Notion, Airtable, and Google Sheets, you can send your data to these platforms. Additionally, Weavely's integration with Zapier enables you to connect with over 6000 other apps

Is the Weavely forms plugin for WordPress expensive?

You be the judge of that! Weavely has an extensive free version that lets you build 5 forms and collect 100 submissions a month. In the free plan you also have access to almost all of the form elements, conditional logic, answer piping and AI form generation. In addition, there is no limitation on the number of websites you can embed your form on.

If you need more responses, you can upgrade to a Starter plan and for just $10/month you'll receive a thousand form submissions on top of all the advanced features and will be able to build an unlimited number of forms. For a more detailed pricing, you can consult our pricing page.

Weavely turns your Figma designs into working forms
Try it out for FREE