Features

Access powerful iOS features.

Creating your product directly on the medium it’s built for means you can take advantage of features not easily accessible in traditional design and prototyping software. Things like native gestures, live maps, complex no-code interactions, multi-state components and advanced layout options are table stakes
in Play.

Collection Views 
& Dynamic Data

Leverage iOS Collection Views to turn single components into repeating grids and connect to JSON files to link your content with external data.

Change the Status Bar & Create Modals with a Tap.

Integrate Live Maps.

Easily add real maps to your product with just one tap. Customize their look and feel and link it to other parts of your product.

AR & Camera Access

coming soon

Sophisticated interactions made simple.

Why create a simulation when you can create the real thing? As you create with Play, everything looks and feels true to form. From micro-interactions to more complex gestures, Play makes it easy to bring your product to life—directly on the medium your users will experience it on.

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.”

One Tap Scrolling & Paging

Event Listeners

More advanced features like event listeners enable you to connect different states of your product and create more sophisticated
user flows.

Variables & Conditions

coming soon

A simple
and 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.

Align & Distribute
with Stacks

With alignment, distribution options and gap spacing, Stacks are an easy and flexible way to lay out pages in Play.

Grow to Fit

More advanced features like Grow give you even more power to create incredibly dynamic layouts.

Navigate Layers with Ease

The “layers panel” reinvented for mobile—we call it the Navigator. Select objects with a simple scroll or drag and drop to change their position.

Extend your team's design system in Play.

Play's Design Foundations allow you to easily manage your design tokens, including color, type styles and even spacing values. Already have an existing design system? Easily import your components and styles from Figma directly into Play.

Import from Figma

Import your components and styles from Figma where you can continue editing and building out functional product flows in Play.

Design Foundations

Create and manage project-wide design tokens like colors, type styles and spacing values.

Create & Manage Styles

Create effects and styles including borders, drop shadows and native background blur.

Play Library & multi-state components.

Give your project a jump-start with the Play Library or create your own component library, which you can reuse in your projects and share with other team members.

The Play Library

The Play Library is a set of customizable
pre-built components. From buttons and headers to tab bars and cards, you can use Play Library to quickly assemble a page.

Multi-State  Components

Components in Play can have multiple states—giving you the power to create advanced functionality that far surpasses linking together static artboards.

coming soon

Shared Libraries

With the launch of Play for Teams, we'll also support shared team libraries.

Easily share your work
in progress.

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.

coming soon

Play Together

Play's multi-user feature will empower teams to create and iterate on their products, directly in the  native environment.

Seamless Sharing

Easily share out your work with viewers who can experience it directly on their device.