Back to work

AI Form Builder

Making form creation as simple as asking

An AI-assisted form builder that turns natural-language requests into editable questions, reducing manual setup while keeping users in control.

Company
Fluid
Role
Product Designer
Focus
AI interaction design, UX/UI, functional prototyping
Tools
Figma, Claude Code
Status
In development
A 20-second prototype recording showing the prompt, generated question review, and editable result in the form builder.

Less configuring. More creating.

Building forms meant manually adding questions, choosing field types, and configuring responses one by one. The existing builder was flexible, but getting started could involve a lot of repetitive setup.

I wanted to explore a simpler way: what if users could describe the questions they needed, and AI could handle the initial configuration?

Manual form creation

Without AI, users add components to the form and configure each field individually in the settings panel.

Familiar, flexible prompting

I used a conversational input because it is an interaction people increasingly recognize. Users can make a broad request like “Add demographic questions” or ask for just one, like “Ask about their education.” The experience works for both incremental building and generating multiple questions at once.

Conversational prompt

The AI modal lets people describe the questions they want without leaving the existing form builder.

AI as an option, not a replacement

I considered placing AI directly in the main builder, but wanted to preserve the manual workflow for people who preferred it. A dedicated modal gives users a focused space to generate questions and lets them return to the familiar editor whenever they are ready.

Suggested question review

Generated questions appear for review before anything is added to the form.

Human review before adding anything

These forms can collect important information, and AI can make mistakes. I chose to let users review suggested questions before adding them. Once approved, each question becomes a regular, fully editable form component.

Suggested question review

Generated questions appear for review before anything is added to the form.

Editable form component

After approval, the question becomes a normal editable form component with its options in the properties sidebar.

Beyond static mockups.

I used Claude Code to build a functional prototype connected to an AI integration Fluid already used for other conversational features. I guided the implementation through prompts and iterated on the interactions rather than manually writing the code. Having a working prototype let me demonstrate the experience beyond static screens.

Moving toward production.

The feature is still in development. Engineering is connecting the production experience to the AI model used for internal tools and running additional testing before release. There are no adoption or impact metrics yet.