Origami  Course

Introduction to Origami

Get a walkthrough of Origami Studio, the prototyping tool brought to you by Facebook. It's a pretty unique way to build prototypes, but powerful and flexible!

There are 6 episodes.

  • Importing from Sketch

    Bringing your content into Origami from Sketch is really pretty simple. In this episode, you'll learn the ins and outs of importing your designs.

    • 4:54
    • Free to Watch
    • Watched
  • Pop Up a Dialog

    Origami is all about motion and interaction. This episode covers creating a simple popup interaction based on your design. Learn about patches - the components of an orig...

    • 5:33
    • Free to Watch
    • Watched
  • Built-In iOS Components

    Origami contains a selection of built-in components, based on commonly seen iOS objects such as dialogs and switches. They can really help speed up the prototyping of sys...

    • 2:24
    • Free to Watch
    • Watched
  • Triggering Alert Buttons

    Built-in components can also have interactions applied to them. In the case of our Alert View, each button has a trigger to which we can attach our animations.

    • 5:45
    • Free to Watch
    • Watched
  • Creating and Tweaking Scroll Areas

    Taking the camera UI one step further, this lesson covers how to add scrolling to the buttons on the "Pro" mode.

    • 3:24
    • Pros Only
    • Watched
  • Add More Interaction

    To complete our camera prototype, we'll implement the Grid toggle switch.

    • 4:31
    • Pros Only
    • Watched