Kite Compositor

Maker

@jrho

@ios_javi Kite has a Sketch plugin that it uses internally to do the native import. You can actually pull the Kite.sketchplugin file out of the Kite.app bundle (at Kite.app/Contents/Resources/Kite.sketchplugin) and load it into Sketch yourself if you'd rather kick off the export from Sketch itself.

14Share·4 months ago

Avadh B.S. Dwivedi@avadhbsd · Designer

I guess @ios_javi said it right, sketch plugin is not just awesome, its critical to success of any prototyping shit.

Jamie Shoard@jamie_shoard · Design/Founder Combo Studio

Excited to give this a proper go. Looks incredibly powerful. Principle really got me hooked because of it's learning curve and the fact it did 1 type of prototype extremely well. For me, my thinking has always been along the lines of 'if you cant recreate the whole prototype from scratch in an hour, you're probably building out too much'... because the nature of the iterative process, i don't like to spend huge amounts of time building a prototype when the designs should be changing day to day. Definitely could do with some tutorials and basic lessons to get started, especially as I only have 14 days to decide. Couple of small bits: - It's running pretty laggy on my 2017 MBP - Vertical/Horiz align are probably my most used tools, had to root around to find them in the toolbar - I kiiiind of understand why, but having the default anchor point top-left just reminds me of the hours i used to spend in AE moving them to centre (this also makes vert/horiz align pretty frustrating!) - Havent figured out how to add the iphone frame to a blank doc if i dont start from template - Pushing people to open the examples templates on first launch would be useful (I mean the example projects, rather than just the phone frames) - Touchbar timeline is neat, but a bit odd that it only relates to the portion on screen, meaning i cant scrub through from start to finish... maybe this would get too sensitive, but 4:10 is quite a long default timeline anyhow..? Overall, looks like it could be huge! Definitely just need to start with some basic tutorials if you're to convert the masses from their scattered tools of choice. Bit gutted that by the time some of these lessons come out my trial might be over and i'd not be ready to commit $99

16Share·4 months ago

Arroisi@aroro__ · Visual UI Designer

@jamie_shoard is the result only animation like origami or touchable hotspot like framer.js or invision?

Eon@eonpilot · Swift dev @ eon.codes

@aroro__ @jamie_shoard User interruptible animation?

Daniel.@danielrakh · Product Designer | iOS Developer

Awesome. Reminds me a lot of Principle. Besides the UI, are there any other differences between this and Principle? In other words, whats the case for me to switch over from Principle to use this?

13Share·4 months ago

Maker

@jrho

@danielrakh Thanks for checking it out, Daniel! I think the major differences between Kite and Principle is the focus on the timeline-based animation and the ability to use the JavaScript scripting environment to enhance interactions with custom logic.

11Share·4 months ago

Abhinav Chhikara@abnux · UI/UX Designer, Co-founder @ Lisn App

@danielrakh there's also custom movement paths, more control over designing within Kite and a bunch of smaller stuff, from what I can tell from the landing page!

Spencer P Shulem@spshulem · Founder, WeDo

@danielrakh *cough* doesn't charge $130/year. (Looks awesome, excited for some of those prebuilt animations).

1Share·4 months ago

Catalin Pop@catapop84

Impressive. Is there a way to export those animations to the real app?

10Share·4 months ago

⭐️

Joshua Pinter@joshuapinter · Product at CNTRAL. Maker of ntwrk.

@catapop84 ^ This right here. One of the biggest additions that Framer.com just added. Edit: Wait, just checked out Framer again and not convinced it actually copies the animation code, just the settings like tension and friction. Haven't tried it yet, tho.

3Share·4 months ago

Spencer P Shulem@spshulem · Founder, WeDo

@joshuapinter @catapop84 I think Facebook Origami is one of the only ones that does it.

⭐️

Joshua Pinter@joshuapinter · Product at CNTRAL. Maker of ntwrk.

@spshulem @catapop84 Do you know if Origami exports to React Native's Animated format?

Maker

@jrho

@catapop84 Hey Catalin – You can use the KiteKit framework to embed and play .kite documents in your own iOS or macOS apps just as they appear in the desktop app.

5Share·4 months ago

Paul Martens@paulmartens

@catapop84 you want to look at QuartzCode and CoreAnimation....both available on the App Store. However, I can't vouch for both fully as I haven't tried the Kite framework yet.

Maker

@jrho

Excited to finally share this to a wider audience!

9Share·4 months ago

Bady@bady_qb · UI/UX Designer, Wego

@jrho Hi Joe, is there any tutorial for this? would love to try it

Jesse Wallace@jesse_wallace · Creative Director, Triton Digital

@bady_qb @jrho I agree - a tutorial is greatly needed. I have used principle before, and I picked it up right out of the box. I'm thoroughly confused by this product.