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

Rotation

Use a parent bounds to rotate

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

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

Swipe Menu

Horizonal swipe to reveal actions

Related Learn Content

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.

Related Patches

  • Point 3D Unpack
  • Spacing Unpack
  • Vec4 Unpack
  • Spacing
  • Point
  • Point 3D
  • Vec4
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