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

Disappear

Animate in content and dismiss on timeout

Related Patterns

Bottom Sheet

Present and drag dismiss a bottom sheet

Flip

Use a single axis to rotate

Full

Scrollable list of cards that expand to fullscreen ontouch

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

Coming From Code

See how Origami differs from programming.

Device Motion

Build prototypes using the accelerometer.

Orientation

Design for both portrait and landscape modes.

Text Input

Capture keyboard input in your prototype.

Related Examples

Instagram Adjust

Drag to control the Instagram straighten tool.

Instagram Compose

Switch between the Instagram upload options.

Spotify Artist's Pick

Pinning playlists and more to the Artist Page.

Weather Forecast

Request the five day weather forecast for New York.

Related Patches

  • Clip
  • Time
  • Transition
  • Wait
  • Device Time
  • Equals Exactly
  • Equals
  • Greater Than or Equal
  • Less Than
  • Less Than or Equal
  • And
  • Not
  • Or
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