What is Origami Studio? | Advanced Prototyping for Designers

Are you a designer curious about doing more advanced prototyping than what Figma allows? Let me tell you about Origami Studio and why it might be worth your time!
Follow me on Twitter: / waynesang
-
0:00 Open
0:44 Setup
1:28 Simulation
3:39 Hardware Access
7:10 Visual Scripting
9:41 Wrap-up
11:25 Outro
-

[@loucaspapa779]

Great video Wayne! Loved the content, the production, and looking forward to the Origami tutorial series!

[@itsthejayj]

Superb intro video! Looking forward to the series Wayne Sang, thanks for putting this together so elegantly.

[@samsovannrattanak7531]

Amazing content, Thank you so much for sharing. I was on the fence, but now I'm definitely going to put in the time to learn Origami Studio.

[@amjaddsn]

Beautiful 😍 excited to see more about origami

[@ColinBoeh]

This is good stuff! Great that you mention Dreams as an example of visual scripting. Looking forward to more content from you!

[@sunalsood8592]

Really excited about the series!, and def that shirt is really dope😎😎

[@apri387]

I am your 100 subscribers :D Looking forward for the series!

[@waynesang]

Whoa that's amazing! Thanks so much for being #100!

[@eadybaby007]

So glad I found this now and not in 2 years and late to the game!!! Whoop! Thank you!!

[@zachward2215]

You definitely sold me. I especially love the part about you realizing that Figma could be holding back your design ingenuity in ways. I can definitely see that being the case. You cant design outside the box if the box has constraints on the interactions we have with our devices. Well made video! I’m excited to give it a try. I prototype everything I design in Figma. All interactions, animations, etc. I always feel limited though. It’s also clunky, buggy, and frustrating at times. I hope this brings a fresh take to my design process. Cheers!

[@LAUZERTV]

Wow sick thanks Wayne! I'm a dedicated Quartz Composer fan from the day I randomly found the application in the developer software folder on my old MacBook in 2013. I was immediately hooked as I was able to see the interaction and manipulation of various data modules in real time. It was a revolution to me and I became obsessed with it. To the point where I didn't just want to create AR I actually needed to produce some augmented reality. I eventually achieved this after compiling some python code with Apple Script and inserting the resulting plug-in into Quartz. Then one magic day I saw the single marker detector had been picked up by my MacBook camera and a 3D image came to life on the screen. At this point I knew QC was a very powerful tool but no one I knew even used it or even knew about it in 2013/2014 :( So I did a bunch of UI and sound effected experiments by myself and made a few mini apps like sound effected screen savers etc. But overall I had no real community or resources to bother continuing my lone wolf onslaught. So I stopped bothering a few years ago. Anyway this video made me realise the skills seem to be kinda' transferable to Origami Studio using nodes etc. So as I'm writing this comment Origami Studio has just been downloaded, installed and opened. I'm looking forward to getting back into it... BTW here are some links to my work to explain where I'm coming from... Vimeo: vimeo.com/zinex AR Video: vimeo.com/77019047 My website: voi.myportfolio.com/work Flight Simulator I made in C4D: vimeo.com/78239107 (I used Greyscale Gorilla tutorials for the flight sim)..

[@waynesang]

Hey sorry I missed this comment when you posted! That's amazing to hear, I was into Quartz Composer way back in the day too, around 2014. It's really great that the fundamentals are transferrable to modern tools like Origami, but also Unreal Engine. And I hear what you mean by the lack of community. Even Origami, as much as I love it, will probably stay small. I just wanted to contribute a bit if I could. I'm actually trying to get into some AR type stuff myself, but I think I'll probably dig into Unreal at this point because of the greater support and community. Your work looks rad by the way! Love the illustration work, and I see that old AR snippet! Very cool!

[@wekeb]

that is really good, i'am really happy to find about this app, I'll check your playlist about it

[@postedupindacrib6721]

Baller

[@bunonregs913]

Thanks for this. I usually use Protopie for complex prototypes, but some things feel off. I see prototypes in Origami and the interactions feel native and more like the final product. I've experimented with Origami, but learning it was a bit challenging because there are so many options so i get a bit stuck with planning an interaction. I'm really glad you created this tutorial series; Origami needs more of them (I don't use Facebook, so the Facebook community isn't an option). PS: I'm a big fan of Metalab.

[@waynesang]

Glad it can help! I hope to try Protopie out, I hear good things but curious where it's limitations are.

[@bunonregs913]

@@waynesang for most things it is great, you can make pretty complex logic based prototypes, but then for other things like modals, screen transitions etc its just not great. This is coming from a mobile prototype perspective. You can get an iOS style page transition, but its so convoluted its not worth the hassle. Play is a really great prototyping tool if you are doing iOS stuff but for now it lacks the ability for complex interaction logic (the team is great they are building quickly so i think that stuff will be added) Origami to me feels like it fits into that final gap between making a design based prototype, and actually building a proof of concept in SwiftUI / UIKit etc

[@JasonKuang]

Appreciate the helpful info!

[@muhammadusamamalik5756]

Excellent Video... Waiting for more tutorials of origami

[@Jupiter-rc2br]

baller

[@shiznottle123]

Great videos, Wayne! Any thoughts on how Origami compares to ProtoPie? I'm trying to decide which tool to spend some time with and they seem to fit a similar niche. Thanks a ton

[@lilcleo001]

I just came across Origami! Figma leaves me wanting more when it comes to prototyping. I know that prototypes are supposed to be simple, and plain but why? I want genuine reactions when testing without having to code a full app. I'm definitely sold on Origami! Being able to use the phones features like the gyroscope, haptic feedback, etc. are huge. I will checkout your playlist!

[@waynesang]

Great to hear! I think you'll find a fun sense of freedom coming from Figma!

[@UcheOgbiti]

In my opinion, visual scripting should be built into most digital content creation tools. The power it gives the user is insane!

[@waynesang]

Totally! It’s like a flowchart that works, powerful and understandable!

[@fullblowngonzo]

This is the only series on Origami (other than theirs) in the whole internet... and it is really good. Thank you! I am considering either learning Origami or Protopie, both seem really powerful for fast prototyping once mastered. Do you have any recommendations on the matter? It seems like a fine line here for either go with any of these tools or just jump right into code in my opinion. Thanks!

[@waynesang]

I hear this question a lot! Honestly I've only learned a bit of Protopie and once I learn more, I'll make a video comparing them. But I hear good things about it. As someone who has (long ago) coded their own app, I still think these tools are really valuable. Developing something yourself is really fulfilling, but I started to limit my designs based on my technical ability. These prototyping tools can let you experiment and iterate so quick, I think I'd still use them even if I was coding as well.

[@fullblowngonzo]

@@waynesang Thank you! Will be waiting for new videos!

Background music is a bit too loud (in my opinion. -8db or so would be perfect) otherwise love your video! Thank you being someone for finally talking about origami studio.

[@waynesang]

Thanks a lot for that feedback! This channel is my first time messing with audio and suspected that wasn’t optimal. Will adjust in the future!

[@thepramodgeorge]

Hi Wayne, has your thoughts changed on the tool since you posted? Has Origami been able to stay up to date with it's competitors.

[@waynesang]

Good question! This space moves so quickly. I think it's still helpful as a first step into node based programming, and that can help in other tools like Unity and Unreal. However with AI assistance for coding, normal coding is more accessible too. I still think it's a fun tool, but hard to prioritize these days!

[@JakePomper]

Hi Wayne! Love this video and series. I’m curious, how does this tool fit into the development pipeline? From my understanding, it still does not export code. How do developers interpret these prototypes? Are they able to more closely implement designs? If so how? Cheers man, much appreciated!

[@waynesang]

Hi Jake! Thanks for watching! That is correct, it doesn't export code. However I have sat (virtually) with developers and walked through how a prototype worked, which is still quite helpful. You end up doing a lot of the actual logic, which a dev can understand and re-implement in whatever language/framework they want. Plus it's kind of an interactive flowchart, so it's a decent spec!

[@mt000mp]

subscribed.

[@fedorfilon8984]

Hey Wayne. Thanks for your video. I have a quastion regarding tools for prototyping in you studio. What tool do you use for android applications, because origami studio is for iOS apps only. So that means you need anothe tool for android. How do you manage to syncronize it in a case you build an app for two platforms. Thanks

[@waynesang]

Hey Fedor! For concept prototyping most things are in Figma, and only occasionally do I use Origami for complex things. Developers can't directly take this file either way, I consider it more of a specification what they should implement. But a very useful specification, as it shows a diagram of how it should work.

[@qstosh]

TouchDesigner would be another good example of visual scripting

[@waynesang]

Oh cool, haven't seen this before! Thanks!

[@jonlim88]

Ok, but where do I get that shirt tho?

[@waynesang]

Everyone asks me that, it is the best shirt! And the answer is some surf shop in Tamarindo, Costa Rica 😭 I would buy more if I could find them!

[@ssempijjacharles6501]

what is the sound in the background

[@waynesang]

The music? I think it's a track by Sam Barsh which I use from Soundstripe (I have a subscription to use it). app.soundstripe.com/artists/410 Lots of similar chill beats.

[@unjustified_individual]

was everything baller by any chance?

[@CxsmicKiller]

worst thing is they post about BALLER. which is the worst thing about studio origami

[@Vorbolt]

Stop posting about baller.

[@kapifromnevada4697]

Baller

[@sadpyxl]

Baller