Importing from Sketch into Kite and Hooking Up Actions

7:18FreeDone
2

Making Styled Text Inputs in Kite

5:36FreeDone
3

Adding Detailed Micro Interactions to Input Fields

9:13ProsDone
4

Live Input Validation

4:14ProsDone

Importing from Sketch into Kite and Hooking Up Actions

Published by Chris Slowik

Episode Notes

Extra tips from the author

Get Kite

If you haven't already, download Kite from the official website.

Simulate Text Input!

Previously, creating realistic user inputs was a tough endeavor. Interactive elements like logins, text fields, messages...this would all have to be faked. With the current version of Kite, you no longer have to fake user input! In this series we're going to be hooking up a fully animated user login form, with some juicy micro-interactions and actual working inputs.

Make sure to download the font and the Sketch file (or design your own) and lets get started!

Additional Resources:

Work Sans on Google Fonts

Episode Topics: