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

Full

Scrollable list of cards that expand to fullscreen ontouch

Related Patterns

Bottom Sheet

Present and drag dismiss a bottom sheet

Disappear

Animate in content and dismiss on timeout

Flip

Use a single axis to rotate

Layout

Horizonal, Vertical & Grid layer layouts

List

Collapse a cell on selection

Padding

Use layout padding to resize layers

Pivot

Transition based on pivots and rotations

Position

Present and dismiss a side navigation

Rotation

Use a parent bounds to rotate

Swipe Menu

Horizonal swipe to reveal actions

Related Learn Content

Adding Logic

Add logic to your transitions and flows.

Audio Metering

Visualize recorded and live audio

Device Motion

Build prototypes using the accelerometer.

Getting Started

An introduction to using Origami Studio.

Interactive Loops

Add and capture interaction to instances of your loops.

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 Adjust

Drag to control the Instagram straighten tool.

Level Meter

Use Device Motion to check if the device is level.

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

  • Pop Animation
  • Classic Animation
  • Option Picker
  • Progress
  • Clip
  • Switch
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