Take full advantage of native features not easily accessible in traditional design and prototyping tools.
Design with real native elements
Use real input textfields, live maps, pickers, sliders, and more!
Video player control
Play not only supports video but gives you full control with built-in actions.
Set the status bar & open modals with a tap
Live maps integration
Easily add real maps to your product with one tap. Add pins, customize the look and feel and link it to other parts of your product.
Extend your work to iPad & Desktop
Design from both your iPhone and iPad with real-time sync between the platforms. Use Play Web to set up your projects by uploading assets, creating styles, and grabbing Swift snippets.
Manage your assets & styles
Upload images, SVGs, custom fonts, and create your type, spacing, and color styles.
Inspect your designs & copy Swift snippets
Improve collaboration with your engineers through inspect mode and easily grab Swift snippets.
Expand your work to the iPad
Increased real estate and exposed controls. Keyboard and mouse optimized. Easily check your designs on every iPhone screen size.
Real-time sync
Real-time sync between Play for iOS, iPad, and Web.
Sophisticated interactions made simple.
No more getting close to the real thing. As you create with Play, you're building a real product in a native environment, so everything looks and feels true to form and nothing you create is throw-away.
Access native gestures
From panning and dragging to advanced scroll triggers, with Play you never need to worry about “getting close enough to the real thing.”
Scroll Effects & Paging with one tap
Add effects like fade, scale, Coverflow, and more!
Event listeners
Event listeners let you to connect different states of your product and create more sophisticated user flows.
Easily connect pages
Connecting pages in Play takes one tap and gives you countless ways to customize transitions.
Variables & conditions
Use variables to create and access strings, numbers and boolean values throughout your project and components.
Extend your team's design system.
Play's Design Foundations help you easily manage design tokens—color, type styles, and spacing values. Already have an existing design system? Easily import your Figma components, styles and pages directly into Play where you can continue designing and adding interactions, directly on your device.
Import from Figma
Import your pages, components and styles from Figma, continue editing, and add advanced interactions and native features only found in Play.
Multi-state Components
Components in Play can have multiple states—giving you the power to create sophisticated functionality that far surpasses linking together static artboards.
Design Foundations
One source for colors, type styles, spacing values, and easing curves across your projects.
Play Library
The Play Library is a set of customizable components. From buttons and headers to tab bars and cards, use Play Library to quickly assemble a page.
Shared libraries
With the launch of Play for Teams, we'll also support shared team libraries. (coming soon)
Share your work across your team.
Play makes it seamless for other parts of your organization to experience and contribute to the product design process. With Play's share feature, anyone can view the work you share with them directly on their mobile device.
Seamless sharing
Easily share your work with viewers who can experience it directly on their device.
Work in teams
Create teams, invite collaborators, set permissions, and work together!
Dev handoff & code export
Coming Soon...
Real-time multiplayer
Play's multiplayer feature will empower teams to create and iterate on their products, directly in the native environment. (coming soon)
A simple & dynamic layout system.
Play's layout system is both flexible, dynamic and easy to learn. From Stacks to Collections, you have full control over how you lay out your product pages.
Navigate layers with ease
The layers panel reinvented for mobile. Select objects with a simple scroll or drag and drop to change their position.
Grow to fit
Grow gives you even more power to create incredibly dynamic layouts.
Align & distribute with Stacks
With alignment, distribution options and gap spacing, Stacks are an easy and flexible way to lay out pages in Play.
Collections
Leverage iOS Collection Views to turn single components into repeating grids and connect to JSON files to link your content with external data.
Download Play from the App Store
Install Play for iOS and iPad today and start designing today for free!
