App: Play: Design Better Apps
Developer: Rabbittt
Genres: Graphics & Design, Developer Tools

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 lay out views in Xcode.

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

Release notes:
We’re in the App Store!

Both Play for macOS and Play for iOS are now live in the App Store! Now that we’ve finished beta testing, you’ll need to install “Play: Design Better Apps” in the App Store, as all previous versions have been in TestFlight. Your find your projects & data from macOS are available in the new App Store version.

Paid Plans

In addition to our free Basic plan, we now offer two paid plans for users who want to get more out of Play. You’ll get unlimited projects, unlimited asset storage, video upload, custom fonts, SwiftUI code export, and roadmapped features like variables, conditions, and more. Read more about upgrading your plan here.

Design with Video

We added the ability to have video elements in your project! You can add any video from Pexels into your design, and on a paid plan, you can also upload your own videos. We’ve also added video specific interactions that let you pause, play, stop, seek, and loop your video.

Updated Learn Section

We revamped our Learn section (previously called Explore) and our support site with new demo projects, tutorials, and articles. Check out our featured projects using maps, camera view, and other impressive features you can access in Play!

Improvements

- We added a new onboarding for users on macOS to make it easier to sync with your iOS device
- You can now move your drafts to your projects folder in addition to moving projects to drafts on macOS
- We improved the color and gradient editors

macOS Bug Fixes

Copy and Paste Bugs:
- Copying an element with subelements and different states and pasting the element on a different page reset the subelements and states
- Elements with custom styles that are pasted between projects were reset after reopening the page
- Layout values were not pasted correctly when copied from an H stack or a component

Other Bugs:
- Moving multiple objects order with the arrow keys did not work
- An initial page was not set for new projects
- When a stack or page was scrolled down, repositioning its elements with drag & drop didn’t work as expected
- Undo did not work when deleting styles
- Main components on the canvas vs. the main editor didn’t have the same options
- The Back to Page action was not inverting the animation on Go To Page if the animation was "none”
- An H stack’s width and height broke when an object with “Fill” dimensions was put inside
- When an axis was set to Fill, double clicking the handle for Auto sets the value to both Fill & Auto
- When a border was disabled, the UI menu said "Disable" instead of "Enable"
- The gauge color popover on the context bar opened in the top left of the app
- Dragging/reordering/resizing elements multiple times caused some glitches

iOS Bug Fixes

- The editor’s scroll ended before all properties were visible (Issue on iPhone X, XS, 11 Pro, 12 mini, 13 mini & SE)
- When a page was duplicated in macOS, the padding and gap in the iOS preview were 0pt