Text Inputs & Forms

What are Text Input & Forms?

Forms & Text Input allows your site visitors or testers of a prototype to type real text into a contact form or newsletter subscription and you can receive results directly to your personal e-mail address! Text fields include input validation for Email, Password, Numbers, and you can set which are Required fields.

How To Create a Form

First, create Text Fields where users will type their information:

  1. Create a text layer as a placeholder where you want users to type their information

2. Select it and click Text Input in Anima plugin (In Sketch, find Form & Text Input under the Smart Layers section)

3. Select the Text Input type from the drop-down: Text, Email, Password, Number, and check if it should be a required field or not.r

Then create a Submit Button:

  1. Select the button component in design

  2. Go to Submit Button in Anima plugin (In Sketch, go inside Smart Layers and click 'Forms, Text Input' and then 'Submit Button')

  3. (Optional)  Enter Email address to send notifications when visitors submit information

  4. (Optional)  Name for a Spreadsheet which you can view and download as CSV of all the entries

  5. (Optional)  Select a Success Page where to redirect visitor once their submission has been successful

  6. (Optional) Select a Failure Page where to redirect visitor in case their submission failed

  • ️Forms only work for sites being hosted with Anima.

Download Form Submissions

To download the information your users submitted, go to your Project’s Settings, and at the bottom of the Prototype link tab, under 'form submissions', you will find the download button:

Video Tutorials:

For Sketch

For Adobe XD

For Figma

Learn More

Get Started with Anima!

We’re super excited to have you trying it out and hearing your feedback.

Did this answer your question?