Topic  

Kite Compositor

The newest prototyping app to hit the market, Kite Compositor offers a host of features to set it apart from the competition, from using native core animation to allowing the addition of scripting. This might be your new favorite tool.

There are 4 Kite Compositor courses.

  • Kite to Code

    5 Episodes
    by Chris Slowik

    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 ...

  • by Chris Slowik

    With Kite, you can make some very realistic user input prototypes, including accepting input and doing something with it. In this course we'...

  • Advanced Kite

    3 Episodes
    by Chris Slowik

    Dig deeper than just the simple transitions and gestures, using advanced techniques like scripting. Uncover the full potential of Kite!

  • Learn Kite

    4 Episodes
    by Chris Slowik

    Take a quick tour of Kite Compositor and come out the other side feeling like Hercules! This course covers basic workflow and touches on a c...

There are 13 Kite Compositor episodes.

  • Export Swift Code

    Export Swift Code

    Export Swift Code
    • 4:35
    • Free
    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 tedious drawing code is done for you!
    • 4:35
    • Free
  • Import and Animate the Checkbox

    Import and Animate the Checkbox

    Import and Animate the Checkbox
    • 5:51
    • Free
    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
  • Live Input Validation

    Live Input Validation

    Live Input Validation
    • 4:14
    • Pros
    One giant step toward realism is incorporating live features like input validation when the user is typing. We'll be adding that to the email field now.
    • 4:14
    • Pros
  • Adding Detailed Micro Interactions to Input Fields

    Adding Detailed Micro Interactions to Input Fields

    Adding Detailed Micro Interactions to Input Fields
    • 9:13
    • Pros
    Now that the basics of our input fields are set up, we can start to add some more delightful micro-interactions. In this episode we'll add an animated field label that appears on focus.
    • 9:13
    • Pros
  • Making Styled Text Inputs in Kite

    Making Styled Text Inputs in Kite

    Making Styled Text Inputs in Kite
    • 5:36
    • Free
    Kite includes a new action called "Append Text" which lets you easily add user input to any custom text field. We'll take it a step further and make a masked password input.
    • 5:36
    • Free
  • Importing  from Sketch into Kite and Hooking Up Actions

    Importing from Sketch into Kite and Hooking Up Actions

    Importing  from Sketch into Kite and Hooking Up Actions
    • 7:18
    • Free
    We'll kick off with a quick review of how to import your design from Sketch, then we'll add animations and actions to our input fields.
    • 7:18
    • Free
  • Screen Transitions

    Screen Transitions

    Screen Transitions
    • 10:17
    • Pros
    Creating an iOS-style push transition can seem a little tricky in Kite, due to everything being on one canvas. Check out some useful tips for making these interactions!
    • 10:17
    • Pros
  • Build Some Buttons

    Build Some Buttons

    Build Some Buttons
    • 4:46
    • Pros
    To kick off our Advanced Kite course, we're going to quickly review the basics and do some UI building and micro-interactions in this lesson.
    • 4:46
    • Pros
  • Building a Functional Timer

    Building a Functional Timer

    Building a Functional Timer
    • 7:12
    • Pros
    Learn how to combine scripts and actions to create a functional timer component, with a variable time. We'll also cover important methods of keeping your code modular.
    • 7:12
    • Pros
  • Intro to Scripting

    Intro to Scripting

    Intro to Scripting
    • 5:38
    • Pros
    Scripting in Kite is really where the most power is. Learn how to get started writing scripts for your UI elements, and how it all ties together.
    • 5:38
    • Pros
FirstLast