Great question! Play is a design & prototyping tool built on the power of iOS and Swift. Play lets you create and share prototypes with native features, elements, and gestures. If you're on a Pro plan, you can export SwiftUI code for the views and (coming soon!) interactions. We're building Play for designers, but plenty of developers also love Play!
As a designer that is learning iOS development, I tried play, it sounded great and I even though I’d pay the pro for design to dev features.. it was awful, it seems to be built by developers not designers, to move a simple shape felt like it was permanently glued to the page, resulting in fighting with the software too much, watching this video hoping that 2.0 has big improvements
@@LegaliseTweed It uses the SwiftUI frame structure. You should create a proper ZStack, VStack, and HStack hierarchy and use spacers, padding, and offsets to move things around. I think if you want exported code, it will be hard to make it like Figma in terms of freedom.
This was randomly put in my feed. I was not sure what the product was until a couple minutes in. Maybe lead with what Play is - seems like a design tool geared towards SwiftUi? Also the project titles look a bit lost and unanchored. Makes the whole page feel unfinished 😅 maybe add a card around them or something to box out the metadata
Very nice walkthrough of the basic features and new UI! I'm interested in learning Play for learning iOS design patterns and practices. What is the difference between Drafts and Projects though, as it wasn't really clear when and why you should use either?
Thank you! The editing functionality of a draft is identical to that of a project, and the main difference between projects and drafts is their permissions. Drafts cannot be collaborated on. Here is more information: learn.createwithplay.com/en/articles/8500246-projects-and-drafts
Thanks for your comment-this is a great point! Play is a design & prototyping tool built on the power of iOS and Swift. You can check out our website for more: createwithplay.com/
Hey!! I recently designed an app that looks great on my model iPhone, but when opened on a different phone, the layout is all over the place. Could anyone help me with how to auto-layout elements so they resize and adjust based on the device they’re being viewed on? Like is there a setting i’m missing or do i have to put all the objects into a Stack in order for it to resize?? I’d be really grateful for any guidance!
Nice demo. But why is your logo the stop button?
because it's already played
In that case, an app which reads text aloud can have a mute button as logo.
This is pretty cool 👀
Omg... this is incredible
still not clear of what Play is. Is that a tool for designers or developers? Is that a prototyping tool? Does generate code to export?
same
All the above
Great question! Play is a design & prototyping tool built on the power of iOS and Swift. Play lets you create and share prototypes with native features, elements, and gestures.
If you're on a Pro plan, you can export SwiftUI code for the views and (coming soon!) interactions.
We're building Play for designers, but plenty of developers also love Play!
As a designer that is learning iOS development, I tried play, it sounded great and I even though I’d pay the pro for design to dev features.. it was awful, it seems to be built by developers not designers, to move a simple shape felt like it was permanently glued to the page, resulting in fighting with the software too much, watching this video hoping that 2.0 has big improvements
@@LegaliseTweed It uses the SwiftUI frame structure. You should create a proper ZStack, VStack, and HStack hierarchy and use spacers, padding, and offsets to move things around. I think if you want exported code, it will be hard to make it like Figma in terms of freedom.
This was randomly put in my feed. I was not sure what the product was until a couple minutes in. Maybe lead with what Play is - seems like a design tool geared towards SwiftUi?
Also the project titles look a bit lost and unanchored. Makes the whole page feel unfinished 😅 maybe add a card around them or something to box out the metadata
This is a major update to the existing tool. Their channel has more of the introduction to Play content.
Very nice walkthrough of the basic features and new UI! I'm interested in learning Play for learning iOS design patterns and practices.
What is the difference between Drafts and Projects though, as it wasn't really clear when and why you should use either?
Thank you!
The editing functionality of a draft is identical to that of a project, and the main difference between projects and drafts is their permissions. Drafts cannot be collaborated on. Here is more information: learn.createwithplay.com/en/articles/8500246-projects-and-drafts
is it an only mac product?
Is there a similar tool for building in react native?
How would you define the level of abstraction?
Is it built for just Mac users or window users as well?
Just Mac users!
Please explain first what Play! 2.0 is. What problem does the software solve. Expect this video to appear on feeds. I need context.
Thanks for your comment-this is a great point! Play is a design & prototyping tool built on the power of iOS and Swift. You can check out our website for more: createwithplay.com/
confusing with there being a "google play store"
I cant sign up with any email and Google or Apple account. Can you fix this critical issue?
Hey! Could you record a video and send it to support@createwithplay.com? We are investigating! Thank you.
same
macOS only mehh
You’re telling me I now have no need for Figma at all ?
Figma is a great tool, but if you're designing and prototyping for iOS, Play is the way to go!
Hey!!
I recently designed an app that looks great on my model iPhone, but when opened on a different phone, the layout is all over the place. Could anyone help me with how to auto-layout elements so they resize and adjust based on the device they’re being viewed on? Like is there a setting i’m missing or do i have to put all the objects into a Stack in order for it to resize??
I’d be really grateful for any guidance!
Hi! Make sure the width is set to 100% or Fill rather than a fixed value.