Startups

Startups

Startups

Startups

Play to

Xcode

BETA

Play to

Xcode

BETA

Play to

Xcode

BETA

Play to

Xcode

BETA

From concept to launch—faster than ever.

From concept to launch—faster than ever.

From concept to launch—faster than ever.

From concept to launch—faster than ever.

Cut design & dev cycles in half
Ship high-quality features in days, not months.

Cut design & dev cycles in half
Ship high-quality features in days, not months.

Sample Xcode File

Sample Xcode File

Sample Xcode File

Sample Xcode File

Play → Xcode → App Store

Bring your ideas to life in Play and export directly to Xcode.

Play → Xcode → App Store

Bring your ideas to life in Play and export directly to Xcode.

Play → Xcode → App Store

Bring your ideas to life in Play and export directly to Xcode.

Play → Xcode → App Store

Bring your ideas to life in Play and export directly to Xcode.

Play → Xcode → App Store

Bring your ideas to life in Play and export directly to Xcode.

Use real data

Connect with popular APIs like OpenAI, Spotify, Weather, and more.

Use real data

Connect with popular APIs like OpenAI, Spotify, Weather, and more.

Use real data

Connect with popular APIs like OpenAI, Spotify, Weather, and more.

Use real data

Connect with popular APIs like OpenAI, Spotify, Weather, and more.

Use real data

Connect with popular APIs like OpenAI, Spotify, Weather, and more.

No extra coding needed

All interactions in your designs are fully functional once in Xcode.

No extra coding needed

All interactions in your designs are fully functional once in Xcode.

No extra coding needed

All interactions in your designs are fully functional once in Xcode.

No extra coding needed

All interactions in your designs are fully functional once in Xcode.

No extra coding needed

All interactions in your designs are fully functional once in Xcode.

Update at any time

Keep your app up-to-date with your latest designs by re-exporting.

Update at any time

Keep your app up-to-date with your latest designs by re-exporting.

Update at any time

Keep your app up-to-date with your latest designs by re-exporting.

Update at any time

Keep your app up-to-date with your latest designs by re-exporting.

Update at any time

Keep your app up-to-date with your latest designs by re-exporting.

Test, iterate, and ship faster with Play’s SDK

Test and iterate on new features and flows by using fully interactive components and pages made in Play directly in your existing code base.

Test, iterate, and ship faster with Play’s SDK

Test and iterate on new features and flows by using fully interactive components and pages made in Play directly in your existing code base.

Test, iterate, and ship faster with Play’s SDK

Test and iterate on new features and flows by using fully interactive components and pages made in Play directly in your existing code base.

Test, iterate, and ship faster with Play’s SDK

Test and iterate on new features and flows by using fully interactive components and pages made in Play directly in your existing code base.

No more static design systems

Export your entire design system—styles, components, and even complete pages—directly in Xcode. When you make changes, simply update the package and your design files will be in sync with Xcode.

No more static design systems

Export your entire design system—styles, components, and even complete pages—directly in Xcode. When you make changes, simply update the package and your design files will be in sync with Xcode.

No more static design systems

Export your entire design system—styles, components, and even complete pages—directly in Xcode. When you make changes, simply update the package and your design files will be in sync with Xcode.

No more static design systems

Export your entire design system—styles, components, and even complete pages—directly in Xcode. When you make changes, simply update the package and your design files will be in sync with Xcode.

Integrate with external data

Connect your own APIs and load in external data from JSON files. Connect with popular APIs like OpenAI, Spotify, Google, Weather, and more.

Integrate with external data

Connect your own APIs and load in external data from JSON files. Connect with popular APIs like OpenAI, Spotify, Google, Weather, and more.

Integrate with external data

Connect your own APIs and load in external data from JSON files. Connect with popular APIs like OpenAI, Spotify, Google, Weather, and more.

Integrate with external data

Connect your own APIs and load in external data from JSON files. Connect with popular APIs like OpenAI, Spotify, Google, Weather, and more.

Integrate with your existing codebase

Whether you’re building new features or enhancing existing ones, you can quickly add new flows created in Play to your existing codebase for reviews and user testing.

Integrate with your existing codebase

Whether you’re building new features or enhancing existing ones, you can quickly add new flows created in Play to your existing codebase for reviews and user testing.

Integrate with your existing codebase

Whether you’re building new features or enhancing existing ones, you can quickly add new flows created in Play to your existing codebase for reviews and user testing.

Integrate with your existing codebase

Whether you’re building new features or enhancing existing ones, you can quickly add new flows created in Play to your existing codebase for reviews and user testing.

Built on Swift

Built on Swift, Play lets you design with real native elements, Apple’s APIs, Core Animation, and more—ensuring a seamless, precise export to Xcode.

Built on Swift, Play lets you design with real native elements, Apple’s APIs, Core Animation, and more—ensuring a seamless, precise export to Xcode.

Lume Weather

Designed and shipped—all with Play.

The Lume iOS app was designed, prototyped, developed, and shipped to the App Store—using only Play.

Lume uses OpenAI API, WeatherAPI.com, and Mapbox API.

Watch the Video

Lume Weather

Designed and shipped—all with Play.

The Lume iOS app was designed, prototyped, developed, and shipped to the App Store—using only Play.

Lume uses OpenAI API, WeatherAPI.com, and Mapbox API.

Watch the Video

Lume Weather

Designed and shipped—all with Play.

The Lume iOS app was designed, prototyped, developed, and shipped to the App Store—using only Play.

Lume uses OpenAI API, WeatherAPI.com, and Mapbox API.

Watch the Video

Lume Weather

Designed and shipped—all with Play.

The Lume iOS app was designed, prototyped, developed, and shipped to the App Store—using only Play.

Lume uses OpenAI API, WeatherAPI.com, and Mapbox API.

Watch the Video

Lume Weather

Designed and shipped—all with Play.

The Lume iOS app was designed, prototyped, developed, and shipped to the App Store—using only Play.

Lume uses OpenAI API, WeatherAPI.com, and Mapbox API.

Watch the Video

Lume Weather

Designed and shipped—all with Play.

The Lume iOS app was designed, prototyped, developed, and shipped to the App Store—using only Play.

Lume uses OpenAI API, WeatherAPI.com, and Mapbox API.

Watch the Video
Implementation

Seamlessly integrate Play's SDK into your code

Seamlessly integrate Play's SDK into your code

↓

Sample Project

SwiftUI

UIKit

→

View on GitHub

Full Pages

You can import full pages, features, or your entire app, directly to Xcode. All logic and interactions carry over to Xcode with no additional coding needed.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Pages.Homepage()
    }
}

Components

Access your design system's entire component library directly in Xcode. Complete with all the interactions and logic you've created in Play, these components can be integrated in your code to create new pages and flows.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Card(title: "Play to Xcode")
    }
}

Styles

Design system styles created in Play seamlessly transfer to Xcode, ensuring consistency between design and code. Access color, typography, spacing, and corner radius styles while building your app to keep everything in sync.

→

Documentation

import SwiftUI
import Play

Text("The quick brown fox jumps over the lazy dog")
    .font(Typography.Title1.font)
    .foregroundStyle(Colors.AccentYellow)

Assets

Choose to export your assets with your Xcode project and load them in by name, or use Play's '.setImage' function to load in images and videos when needed. Support for Rive, Audio, and JSON coming soon!

→

Documentation

import SwiftUI
import Play

struct UsingAssets: View {
    var body: some View {
        VStack(alignment: .center) {
            Image(uiImage: Images.cherry_blossoms.uiImage)
        }
    }
}

Variable Events

Use variables created in Play directly in Xcode to give you full flexibility and control.

→

Documentation

import SwiftUI
import Play

struct ContentView: View {
   var body: some View {
      VStack {
         CardLarge()
             .onVariableChange(variable: \.myVariable, { val in
            // Do something here...
             })
             .onAppear {
                  Globals.setVariable(\.globalVariable, value: "New Value")
             }
       }
    }
}

↓

Sample Project

SwiftUI

UIKit

→

View on GitHub

Full Pages

You can import full pages, features, or your entire app, directly to Xcode. All logic and interactions carry over to Xcode with no additional coding needed.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Pages.Homepage()
    }
}

Components

Access your design system's entire component library directly in Xcode. Complete with all the interactions and logic you've created in Play, these components can be integrated in your code to create new pages and flows.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Card(title: "Play to Xcode")
    }
}

Styles

Design system styles created in Play seamlessly transfer to Xcode, ensuring consistency between design and code. Access color, typography, spacing, and corner radius styles while building your app to keep everything in sync.

→

Documentation

import SwiftUI
import Play

Text("The quick brown fox jumps over the lazy dog")
    .font(Typography.Title1.font)
    .foregroundStyle(Colors.AccentYellow)

Assets

Choose to export your assets with your Xcode project and load them in by name, or use Play's '.setImage' function to load in images and videos when needed. Support for Rive, Audio, and JSON coming soon!

→

Documentation

import SwiftUI
import Play

struct UsingAssets: View {
    var body: some View {
        VStack(alignment: .center) {
            Image(uiImage: Images.cherry_blossoms.uiImage)
        }
    }
}

Variable Events

Use variables created in Play directly in Xcode to give you full flexibility and control.

→

Documentation

import SwiftUI
import Play

struct ContentView: View {
   var body: some View {
      VStack {
         CardLarge()
             .onVariableChange(variable: \.myVariable, { val in
            // Do something here...
             })
             .onAppear {
                  Globals.setVariable(\.globalVariable, value: "New Value")
             }
       }
    }
}

↓

Sample Project

SwiftUI

UIKit

→

View on GitHub

Full Pages

You can import full pages, features, or your entire app, directly to Xcode. All logic and interactions carry over to Xcode with no additional coding needed.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Pages.Homepage()
    }
}

Components

Access your design system's entire component library directly in Xcode. Complete with all the interactions and logic you've created in Play, these components can be integrated in your code to create new pages and flows.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Card(title: "Play to Xcode")
    }
}

Styles

Design system styles created in Play seamlessly transfer to Xcode, ensuring consistency between design and code. Access color, typography, spacing, and corner radius styles while building your app to keep everything in sync.

→

Documentation

import SwiftUI
import Play

Text("The quick brown fox jumps over the lazy dog")
    .font(Typography.Title1.font)
    .foregroundStyle(Colors.AccentYellow)

Assets

Choose to export your assets with your Xcode project and load them in by name, or use Play's '.setImage' function to load in images and videos when needed. Support for Rive, Audio, and JSON coming soon!

→

Documentation

import SwiftUI
import Play

struct UsingAssets: View {
    var body: some View {
        VStack(alignment: .center) {
            Image(uiImage: Images.cherry_blossoms.uiImage)
        }
    }
}

Variable Events

Use variables created in Play directly in Xcode to give you full flexibility and control.

→

Documentation

import SwiftUI
import Play

struct ContentView: View {
   var body: some View {
      VStack {
         CardLarge()
             .onVariableChange(variable: \.myVariable, { val in
            // Do something here...
             })
             .onAppear {
                  Globals.setVariable(\.globalVariable, value: "New Value")
             }
       }
    }
}

SwiftUI

UIKit

→

View on GitHub

Full Pages

You can import full pages, features, or your entire app, directly to Xcode. All logic and interactions carry over to Xcode with no additional coding needed.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Pages.Homepage()
    }
}

Components

Access your design system's entire component library directly in Xcode. Complete with all the interactions and logic you've created in Play, these components can be integrated in your code to create new pages and flows.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Card(title: "Play to Xcode")
    }
}

Styles

Design system styles created in Play seamlessly transfer to Xcode, ensuring consistency between design and code. Access color, typography, spacing, and corner radius styles while building your app to keep everything in sync.

→

Documentation

import SwiftUI
import Play

Text("The quick brown fox jumps over the lazy dog")
    .font(Typography.Title1.font)
    .foregroundStyle(Colors.AccentYellow)

Assets

Choose to export your assets with your Xcode project and load them in by name, or use Play's '.setImage' function to load in images and videos when needed. Support for Rive, Audio, and JSON coming soon!

→

Documentation

import SwiftUI
import Play

struct UsingAssets: View {
    var body: some View {
        VStack(alignment: .center) {
            Image(uiImage: Images.cherry_blossoms.uiImage)
        }
    }
}

Variable Events

Use variables created in Play directly in Xcode to give you full flexibility and control.

→

Documentation

import SwiftUI
import Play

struct ContentView: View {
   var body: some View {
      VStack {
         CardLarge()
             .onVariableChange(variable: \.myVariable, { val in
            // Do something here...
             })
             .onAppear {
                  Globals.setVariable(\.globalVariable, value: "New Value")
             }
       }
    }
}

↓

Sample Project

SwiftUI

UIKit

→

View on GitHub

Full Pages

You can import full pages, features, or your entire app, directly to Xcode. All logic and interactions carry over to Xcode with no additional coding needed.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Pages.Homepage()
    }
}

Components

Access your design system's entire component library directly in Xcode. Complete with all the interactions and logic you've created in Play, these components can be integrated in your code to create new pages and flows.

→

Documentation

import SwiftUI
import Play
 
struct ContentView: View {
    var body: some View {
        Card(title: "Play to Xcode")
    }
}

Styles

Design system styles created in Play seamlessly transfer to Xcode, ensuring consistency between design and code. Access color, typography, spacing, and corner radius styles while building your app to keep everything in sync.

→

Documentation

import SwiftUI
import Play

Text("The quick brown fox jumps over the lazy dog")
    .font(Typography.Title1.font)
    .foregroundStyle(Colors.AccentYellow)

Assets

Choose to export your assets with your Xcode project and load them in by name, or use Play's '.setImage' function to load in images and videos when needed. Support for Rive, Audio, and JSON coming soon!

→

Documentation

import SwiftUI
import Play

struct UsingAssets: View {
    var body: some View {
        VStack(alignment: .center) {
            Image(uiImage: Images.cherry_blossoms.uiImage)
        }
    }
}

Variable Events

Use variables created in Play directly in Xcode to give you full flexibility and control.

→

Documentation

import SwiftUI
import Play

struct ContentView: View {
   var body: some View {
      VStack {
         CardLarge()
             .onVariableChange(variable: \.myVariable, { val in
            // Do something here...
             })
             .onAppear {
                  Globals.setVariable(\.globalVariable, value: "New Value")
             }
       }
    }
}

FAQ

Can I really ship my designs to the App Store?

What is the minimum supported iOS version and device compatibility?

What’s inside my Play exported package?

Can I import my Play project into an existing app?

Does PlaySDK require any special permissions?

Can I pull in external data?

Are there tutorials for how to use Play to Xcode?

Is Play to Xcode free?

Is Play to Xcode for individuals or teams?

Can I really ship my designs to the App Store?

What is the minimum supported iOS version and device compatibility?

What’s inside my Play exported package?

Can I import my Play project into an existing app?

Does PlaySDK require any special permissions?

Can I pull in external data?

Are there tutorials for how to use Play to Xcode?

Is Play to Xcode free?

Is Play to Xcode for individuals or teams?

Can I really ship my designs to the App Store?

What is the minimum supported iOS version and device compatibility?

What’s inside my Play exported package?

Can I import my Play project into an existing app?

Does PlaySDK require any special permissions?

Can I pull in external data?

Are there tutorials for how to use Play to Xcode?

Is Play to Xcode free?

Is Play to Xcode for individuals or teams?

Can I really ship my designs to the App Store?

What is the minimum supported iOS version and device compatibility?

What’s inside my Play exported package?

Can I import my Play project into an existing app?

Does PlaySDK require any special permissions?

Can I pull in external data?

Are there tutorials for how to use Play to Xcode?

Is Play to Xcode free?

Is Play to Xcode for individuals or teams?

Do you have more questions? Contact our
support team at support@createwithplay.com

Do you have more questions?
Contact our support team at support@createwithplay.com

Bring your ideas to life today.

Get Started for Free

Bring your ideas to life today.

Get Started for Free

Bring your ideas to life today.

Get Started for Free

Bring your ideas to life today.

Get Started for Free

Product

Play to Xcode

Blog

Learn

Pricing

Download

Compare

Play vs. Figma

Play vs. ProtoPie

Play vs. Origami

Play for...

Startups

iOS Prototypes

Mobile App Design

User Testing

Resources

Changelog

Docs

Tutorials

Community

Dashboard

Company

Careers

News

Terms & Conditions

Privacy Policy

Copyright Dispute

Contact

support@createwithplay.com

© 2024 Play

Product

Play to Xcode

Blog

Learn

Pricing

Download

Compare

Play vs. Figma

Play vs. ProtoPie

Play vs. Origami

Play for...

Startups

iOS Prototypes

Mobile App Design

User Testing

Resources

Changelog

Docs

Tutorials

Community

Dashboard

Company

Careers

News

Terms & Conditions

Privacy Policy

Copyright Dispute

Contact

support@createwithplay.com

© 2024 Play

Product

Play to Xcode

Blog

Learn

Pricing

Download

Compare

Play vs. Figma

Play vs. ProtoPie

Play vs. Origami

Play for...

Startups

iOS Prototypes

Mobile App Design

User Testing

Resources

Changelog

Docs

Tutorials

Community

Dashboard

Company

Careers

News

Terms & Conditions

Privacy Policy

Copyright Dispute

Contact

support@createwithplay.com

© 2024 Play

Product

Play to Xcode

Blog

Learn

Pricing

Download

Compare

Play vs. Figma

Play vs. ProtoPie

Play vs. Origami

Play for...

Startups

iOS Prototypes

Mobile App Design

User Testing

Resources

Changelog

Docs

Tutorials

Community

Dashboard

Company

Careers

News

Terms & Conditions

Privacy Policy

Copyright Dispute

Contact

support@createwithplay.com

© 2024 Play