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.

  • 1

    Importing from Sketch

    • 4:54
    • Free
    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
  • 2

    Pop Up a Dialog

    • 5:33
    • Free
    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 origami file, and how they can be connected to create interactions.
    • 5:33
    • Free
  • 3

    Built-In iOS Components

    • 2:24
    • Free
    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 system level interactions.
    • 2:24
    • Free
  • 4

    Triggering Alert Buttons

    • 5:45
    • Free
    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
  • 5

    Creating and Tweaking Scroll Areas

    • 3:24
    • Pros
    Taking the camera UI one step further, this lesson covers how to add scrolling to the buttons on the "Pro" mode.
    • 3:24
    • Pros
  • 6

    Add More Interaction

    • 4:31
    • Pros
    To complete our camera prototype, we'll implement the Grid toggle switch.
    • 4:31
    • Pros