Play: Create Better Apps 4+

Design. Prototype. Ship‪.‬

Rabbittt

    • Free

Screenshots

Description

Play has been awarded the 2025 Apple Design Award for Innovation! We're honored to be recognized with one of Apple's highest accolades.

If you’re designing a mobile app, we’re building Play for you. Play combines a familiar design canvas with the power of Apple's native iOS elements, access to device hardware, and interactions that use Core Animation. Play takes a new approach to app design by giving you access to the native materials of the medium, but design and prototype from both your Mac and iPhone.

Play’s Features

— Design with native iOS elements like Apple Maps, Swift Charts, SF Symbols, Materials, input text fields, date pickers, switches, steppers, modals, and more.

— Design interactions that are performant, interruptible, and use Apple's Core Animation to render your prototype with the same technology as a finished mobile app.

— Tap directly into the powerful capabilities of Apple hardware with features like the camera and haptics.

— Design collaboratively on your Mac and your iPhone, all synced in real-time.

— Already have designs in Figma? Easily copy and paste right into Play to continue working

— Designs and prototypes are responsive by default in Play. Easily view your work across every iPhone device with the tap of a button.

— Use SwiftUI code that’s generated in real-time based on your designs, letting engineers easily layout views in Xcode.

Apple Terms of Use: https://www.apple.com/legal/internet-services/itunes/dev/stdeula/

What’s New

Version 3.8.0

iPad Viewer

We now officially support designing & prototyping for iPad apps! Design on your desktop then view your prototype in its native environment—your iPad!
Our iPad app is the same as our iOS app, so if you already have Play for iOS downloaded on iPad, you just need to update to 3.8.0! If not, you can download the app and connect to macOS the same way you do on iOS.

Portrait vs. Landscape View

Play now allows you to control how your app behaves in portrait and landscape orientations. You can set an initial orientation, choose which orientations your project supports, and use interactions to adapt your design when the device rotates.
Orientation changes can trigger actions through Device Events, and conditions based on Expression Editor properties like isPortrait, isLandscape, or orientation let you define behavior specific to each orientation.

Rive Updates
With a Rive file selected in Design Mode, you can now choose either a State Machine or an Animation directly from the Animation property. State Machines work the same way as before, while Animations unlock new properties—Direction and Loop—enabling simpler playback without needing a state machine.

Other Improvements
- Code Export now supports selected native elements: Slider, Switch, Activity Indicator, Stepper, Segmented Control, and Picker.
- Level up your user testing sessions by seeing each interaction the user has with your prototype using an App Clip touch indicator.
- Segmented Control elements can now use a custom font, rather than the default System font set by Apple. We’ll be rolling this out to additional native elements in the future!
- You can now dismiss a page or sheet from a nav bar button
- We have a new action, Set Stack Direction, that sets a stack’s direction to V (Vertical), H (Horizontal), or Z.
- The Expression Editor now supports:
- Setting or getting the width and height with .contentWidth, .contentHeight, fill, or auto
- SF Symbol properties like Weight, Scale, and Size
- Text properties like Weight and Design


Bug Fixes
- The app crashed when a Rive file did not have a selected state machine
- The app crashed when creating a Type Style via a button’s Context Bar
- The app crashed when exporting a Swift button with a custom font
- Play Simulator’s sync broke when switching between projects
- The Rive Animation menu incorrectly displayed a Dark Theme color scheme
- The Simulator Devices **menu retained its hover state after the window was dismissed
- Custom size presets values for the Simulator were not working
- Setting SVG tint with a Set Variable action was not working
- Color variables can now be set with both the color picker and hex values

App Privacy

The developer, Rabbittt, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy.

Data Linked to You

The following data may be collected and linked to your identity:

  • Contact Info
  • Identifiers
  • Usage Data
  • Diagnostics

Data Not Linked to You

The following data may be collected but it is not linked to your identity:

  • Location
  • User Content

Privacy practices may vary based on, for example, the features you use or your age. Learn More

More By This Developer

You Might Also Like

Sketch — View and Mirror
Graphics & Design
LottieFiles - Animate & Design
Graphics & Design
Mockview - Mockup Generator
Graphics & Design
Watch Mirror - Design Preview
Graphics & Design
Hands Time
Graphics & Design
G’Day World
Graphics & Design