Copy the shareable link in Figma.

Create a new project in Framer.

Click on import at the top bar in Framer and select Figma.

Authenticate your Figma account with Framer web.

Paste the link copied from Figma into the input field in Framer and click import.

Select the element you want to replace.

Right click on the element and click on replace, then choose any interactive elements you want to replace it with.

Change its placeholder text and background color where necessary.

Click on insert menu

Search for Material Design package created by the Google design team.

Install the package and insert them into your design projects.

Click on the insert menu.

Search for the Material Design package already installed in your Framer Web account.

Select the Input text field and insert it into your project.

Change its label where necessary.