Kite Compositor  Course

Kite to Code

Use Kite to create a custom input field with a ton of awesome micro-interactions. Kite generates the Swift code that forms the basis of the control, but we'll have to take some steps to make it production-ready.

There are 5 episodes.

  • Import and Animate the Checkbox

    This first episode is all about just getting our sketch design into Kite and animating it. With Kite being so new, we figured a quick refresher is in order!

    • 5:51
    • Free to Watch
    • Watched
  • Export Swift Code

    Code export is finally available in Kite, and we'll use it to get our checkbox out and into Xcode as Swift code. It's a great starting point for customization, as all the...

    • 4:35
    • Free to Watch
    • Watched
  • Creating Checkbox Functionality

    Out of the box, the code from Kite won't function as a checkbox, but it's not too hard to get it to happen.

    • 1:54
    • Pros Only
    • Watched
  • Adding New Properties

    To make this truly useful, it needs some properties exposed that will make it easier to customize when used in code.

    • 2:31
    • Pros Only
    • Watched
  • Give it a Custom Initializer

    The finishing touch for this checkbox component is an initializer that sets it up with the desired text, and we'll fix the frame based on the length of text.

    • 8:25
    • Pros Only
    • Watched