Origami Studio 3
Learn Examples Patterns Documentation Docs Community
Download Origami Studio
Interaction

Touch

Tab, Down, Double Tap or Long press on a Layer

Related Patterns

Drag

Move a layer around the bounds of a frame

Keyboard

Use the keyboard for testing or as an input

Mouse

Mouse position, hover states and cursor control

Pinch & Rotate

Multi finger pinch scale and rotate states

Swipe

Swipe between two states

Related Learn Content

Adding Logic

Add logic to your transitions and flows.

Getting Started

An introduction to using Origami Studio.

Orientation

Design for both portrait and landscape modes.

Text Input

Capture keyboard input in your prototype.

Related Examples

Camera Picture in Picture

Drag a live camera stream to different corners of the screen.

Instagram Boomerang

Transition between screens and scrolls in Boomerang.

Instagram Direct Messages

Send an Instagram direct message to a friend, over and over again.

Messenger Photo View

Animate a photo between conversation and lightbox.

Photo Zoom

Animate between two states when the screen is tapped.

Spotify Artist's Pick

Pinning playlists and more to the Artist Page.

Traffic Light

Transition across three or more states and include logic.

Unsplash Photographs

Request and browse photographs from Unsplash.

WhatsApp Photo Filters

Swipe up and explore different photo filters.

Related Patches

  • Gesture
  • Hover
  • Scroll
  • Mouse
  • Touches
  • Trackpad
Download Origami Studio Watch Tutorial
  • DOWNLOADS

  • Origami Studio
  • Origami Live Viewer
  • Release Notes
  • RESOURCES

  • Learn
  • Examples
  • Patterns
  • Documentation
  • COMMUNITY

  • Facebook
  • Twitter
  • YouTube

Copyright © Meta. All rights reserved · Terms of Use · Privacy Policy