# How to Add Forms in Framer

> To add forms in Framer, open your project, access the Insert menu, go to Elements, and select Forms to create interactive inputs. Customize your design elements and tools, then modify each field's label, placeholder, and validation directly from the right-side properties panel.

Canonical: https://livedemo.ai/tutorials/how-to-add-forms-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2dcdd673bd5aa8e5f906/preview?step=1

## Steps

1. Open your Framer project.
2. Open the 'Insert' menu to add new design elements.
3. Go to the 'Elements' settings for perfect responsive behavior.
4. Access 'Forms' to create interactive user inputs.
5. Customize your design elements in this workspace.
6. Explore your powerful design tools in this section.
7. Customize each field’s label, placeholder, and validation from the right-side properties panel.