Play
@createwithplay
Followers
23,065
Following
1,291
Media
751
Statuses
2,164
A better way to design & prototype mobile apps using the power of iOS & SwiftUI. 🖥 📱Try our new macOS & iOS apps 👉
NYC
Joined July 2019
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
América
• 509284 Tweets
Sant Rampal Ji Maharaj
• 331240 Tweets
#母の日
• 210049 Tweets
#MothersDay
• 116954 Tweets
ヴィクトリアマイル
• 90728 Tweets
Newwiee Honey Teerak🩷
• 54796 Tweets
ストフェス
• 49991 Tweets
Chivas
• 41967 Tweets
Pachuca
• 37791 Tweets
カーネーション
• 37697 Tweets
Roger Corman
• 33559 Tweets
Loma
• 23886 Tweets
ナミュール
• 22437 Tweets
#AnnelerGünü
• 22193 Tweets
Toluca
• 15702 Tweets
マスクトディーヴァ
• 13404 Tweets
#मातृ_दिवस
• 10153 Tweets
Pinned Tweet
Its finally here—a breakthrough way to share native iOS prototypes.
You can now share native prototypes with Apple App Clips—the easiest, fastest, highest quality way for people to experience your work instantly on their iPhone.
No web simulations. No app installs. No friction.…
38
141
2K
As promised, a follow up thread on best practices for component states 🧵
8
99
1K
🎉🖥️We’re excited to announce that Play is coming to desktop!
We’d like to share our vision, why we’re expanding the Play platform, and what you can expect… (1/9)
21
83
988
Design a gallery in Play, win Air Pods Pro!
Click for details 👉
📱Design in Play, post your share link by RT this post and tag
@createwithplay
🏆Prize: Air Pods Pro
⏰Deadline: Feb 18th @ 11:59 PM ET
#design
#appdesign
#ios
#uxdesign
#productdesign
#ux
5
39
793
👀Sneak peek!
Until now, the flexibility of designing products on a freeform canvas has been removed from the realities of how products actually work. This disconnect is why it's so difficult to understand the capabilities and constraints of the platform you’re designing for.
10
67
832
Spatial Card using Gyroscope and Scroll Triggers.
› Multiple Layers of Depth
› Specular Light
› Shadow Motion
› Pagination
Try it out on your iPhone — No need to install Play!
Inspired by TV &
@jmtrivedi
6
37
685
Play is the best way to design & prototype mobile apps.
Thanks to the power of iOS & SwiftUI.
Start with Native Elements:
› Tab Bar
› Apple Maps
› Date Pickers
› Segmented Controls
› Material, Vibrancy & Progressive Blur
› Text Fields
› Swift Charts & Gauges
› SF…
11
49
617
A 2021 retro for Play...created with Play 😁
Tap the link to check it out 👇
A big thank you to our users for the support & feedback! Some big launches ahead for 2022 🤩
#createwithplay
#design
#uxdesign
#uiuxdesign
#prototype
#appdesign
#ios
#uidesign
3
33
524
🎉It’s official—Play for macOS, and our new iOS app, are in public beta and open for anyone to use! If you're designing a mobile app, we’re building Play for you.
Install Play on macOS & iOS:
🔸Play combines a familiar design canvas with the power of…
18
57
605
🎉Today we’re excited to announce that Play is now available for ANYONE to install on iOS and iPad for free…there is no more waitlist!
📲
#design
#appdesign
#productdesign
#ios
#ux
#uxdesign
#prototype
17
85
566
You asked, we delivered! Here is our thread on states and variants 🧵
6
40
550
We just added Apple's native materials to Play for macOS, so that means a thread on material best practices! 🧵
4
20
549
A look at our new and improved iOS app. Built to work hand in hand with our macOS app…both coming to the App Store for GA very, very soon!
2
30
533
What sets these two iOS Date Pickers apart?
The first one is a vector drawing that took hours of work to make. The second is an actual Date Picker that took five seconds to set up—and that's not all!
[↓]
7
27
527
Today, we’re excited to release Play for iPad...and we’re giving away 250 full access invites…read more in the thread below!
Check out our launch video and install on the App Store.
#design
#productdesign
#appdesign
#ios
#ux
#uxdesign
7
47
504
Prototype smooth animations using Progressive and Layer (Gaussian) Blur with Play.
Let's see a few examples
↓
7
22
478
New Play Library! Fully customizable Components with built-in States and Interactions. Perfect for design sprints or quick prototypes for testing. Releasing this week to our Beta users…we’ll be adding a small batch of new users next week as well!
#createwithplay
#ux
#design
7
49
467
Gyro is coming soon to Play! Prototype motion-based interactions easily, such as:
› 3D Parallax Effect¹
› Metallic Reflection²
› Radial Gradient³
› Card Rotation⁴
› Panoramic Image Viewer
› Compass
› Tilt to Scroll Down & Up
↓
9
22
470
Today,
@JordanAmblin
from Raycast shared an amazing prototype that inspired us to see if we could recreate it using Play.
You can experience it on your iPhone by tapping the link below (no app install needed!)
This prototype uses:
› Native Pan Gestures
› Progressive Blur
›…
11
28
467
Introducing Charts 📊!
Now it is easier than ever to design data-intensive applications with low effort.
› Line, Area, Plot, Bar
› Configure Data & Shape
› Show Gridlines, Labels & Ticks
Come back tomorrow to see how you can import Charts into Xcode!
1
34
453
🤔 Too many unknowns!
Different device sizes, resolutions, and monitor pixel density all create guesswork for designers and engineers that flies under the radar until your app is running on a real device.
How are we working to solve this?👇
7
37
439
New to Play?
Get started with our Play 101 course. The course explains concepts with real-world examples, in writing, and in video form.
Learn about:
› UI Overview
› Layout
› Native Elements
› Components & States
› Navigation & Modals
› Pan Gestures
› Scroll Triggers…
4
31
448
We’ve started to work on some exciting new features for Play…
Variables, conditional logic, and dynamic properties!
13
16
444
Designing inputs for users... a thread on how to use textfields 🧵
1
31
435
Meet Play.
A better way to design & prototype mobile apps. Now available for macOS & iOS on the App Store.
↓
12
47
423
It has been a long wait for our early users...but we're excited to share that Play for iPad will be here soon 🤩
#createwithplay
#iPad
#iPadPro
#iOS
#design
#ux
#ui
#productdesign
#mobiledesign
#designtool
#appdesign
20
36
414
Navigation Bar (UINavigationController) is coming to Play very soon!
4
13
388
Good Vibrations—a thread about haptic feedback 👉
Experience haptics in Play:
6
26
384
Experimenting with Gyro, Materials & Vibrancy.
Coming soon to Play.
6
11
377
Designing for the Notch or Dynamic Island — a thread with tips & tricks ↓
2
22
360
Why draw rectangles when you can design with native iOS elements?
Play combines a familiar design canvas with the power of Apple's native iOS elements. Design mobile apps with real, native & interactive:
› Apple Maps
› Text Fields
› Swift Charts
› Date Pickers, Sliders &…
4
24
350
Progressive Blur is now available in Play!
@sdw
let us know what you think of Progressive Blur once you try it out. You can also animate the values with panning and scroll triggers.
› Try the prototype on your iPhone:
› Download Play on macOS & iOS…
9
26
338
Already have designs in Figma but need the power of Play?
Now you can copy from Figma and paste into Play—no plug-ins needed.
It supports:
› AutoLayout
› Images
› Fixed Elements
› Background Blur to Material Automatically
Already available in our new macOS App as a…
12
31
331
Add delight to your prototypes with continious scroll effects, triggers, actions & pagination (with Rubber-banding!).
Tap on the link with your iPhone to experience this native prototype!
3
16
334
Mirror apps be gone! One of the most powerful features in Play is the ability to interact with your design in its native environment, in real-time. Luckily, that won’t change when we roll out Play for macOS. 👇
9
21
328
Latest addition to Interactions, which is launching next week! One component with two states—with one tap it can automatically translate to/from any size, which can be changed in real-time. Art by
@blushdesignapp
&
@pablostanley
#createwithplay
#productdesign
#ux
#prototype
7
19
320
We’re working to improve collaboration by creating a space where design & dev can work with the same materials & speak a similar language.
Play uses designs to dynamically generate SwiftUI code in real-time to assist with laying out views in Xcode.
3
20
320
Set Image + Invert Other Instances = Custom Panorama Slideshow!
1
17
317
Thanks to App Clips in Play you can experience this native prototype instantly on your iPhone with no app install!
We combined haptics, progressive blur, spring animations, and logic.
Tap the link below from your phone to experience it!
3
15
317
Best practices for using native pull-down menus? We’ve got you covered! Let’s take a look 👉
2
28
302
iOS 16 but with multi-window support
Try it on your iPhone →
—
Featuring
@MuseAppHQ
. Inspired by
@jsngr
&
@CastroPodcasts
3
15
305
Play is the easiest way to learn SwiftUI.
Design anything and it will generate code in real-time.
We have big plans for our code export feature:
› UIKit
› Interaction & Navigation
› Styles & Tokens
6
17
303
We're back with another best practice! Let's talk about native iOS pickers 👇
2
20
297
Apple's SF Symbols are a core feature of Play. You can now choose between different rendering modes!
› Monochrome
› Hierarchical
› Palette
› Multicolor
You will also be able to use variable color to communicate strength or progress over time.
6
20
292
Let's talk about the best practices for using a native button 👉
#design
#iOS
#appdesign
#productdesign
#ux
#button
#nativebutton
3
29
280
Play for iPad is coming in February. 🤩
Be the first to try it out by installing Play for iOS today and registering for full access! 👇
#design
#productdesign
#prototype
#mobileapp
#appdesign
#iPadPro
#uidesign
#uiuxdesign
#uxdesigner
#iOSDev
10
23
275
What’s special about how Play works across macOS & iOS?
> Sync multiple iPhones to see your actual design across every device size
> Edit from iOS, or macOS, with changes synced in real-time across every synced device
> Your prototype functions across every iPhone device size
5
17
280
Have you ever wanted to simultaneously test your designs on more than one phone? Or test on a device you didn't have?
We have some great news!
In Play for macOS, you'll be able to preview your work on as many devices as you want. Check it out below 👇
7
17
272
Sharing prototypes with App Clips is a game-changer. From user testing to sharing with teammates, your native prototypes will adapt to any iPhone model and users won't need to install an app!
We added a few examples to our homepage to showcase the power of Play.
Check it out!…
2
17
264
BIG update to Play! You can now design with Apple’s native Navigation Bar (UINavigationController).
Play is the first design tool to surface all of Apple’s native nav bar properties—fully customizable down to the color, title, nav bar items, and interactions.
We’ve…
7
15
258
2022 was an exciting year for Play...and we have even bigger plans for 2023!
If you want a glimpse of what's to come, check out this project on your phone 👇
3
16
228
How would your portfolio look like if it could take advantage of the medium you work in?
We created a template that is completely interactive and full of little details that could help you tell your story.
📲 Experience it on your phone!
4
16
229
Designing a mobile app? Check out the new Beta of Play for macOS & iOS!
👉
🔸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.
🔸Design…
7
28
230
Last week, we focused on how to create powerful interactions using Native Elements.
Here's a summary of everything we've shared
↓
2
8
221
Interactions in Play are more advanced than Figma and less complex than Origami.
› 700 combinations of triggers & actions
› Native Drag, Pan & Scroll Interactions
› Uses Apple's Core Animation
› Real Input Textfields!
› Access to Device Hardware
› Not a "Mirror App",…
6
13
218
Play for macOS is the best tool to design with SF Symbols. You can use all of these:
› More than 3K Symbols with multiple categories
› Control Weight, Size, & Scale
› Rendering Modes
› Variable Color
We are excited about the new updates that Apple has released during WWDC…
4
16
215
This week, we focused on how to create powerful interactions with Scroll Triggers and actions.
Here's a summary of everything we've shared ⬇️
3
16
213
For our Gyroscope release, we made it easy to understand how the iPhone's device rotation works.
We created an interactive Playground where we explain how each axis works and how tilt or rotation affects an object. We also made a few cool examples for you to check out!
You…
4
23
213
The
@CreateWithPlay
team keeps a close eye on the design community, so we see a LOT of cool stuff throughout the year.
It's time to highlight some of the incredible interactions and prototypes we saw in 2022. Please, join in by adding your personal favorites!
2
21
214
Some internal testing of our upcoming launch of Interactions 2.0...
This is a huge update that will include:
› Variables
› Conditional logic
› Interactions support on iOS
› Improvements to UI & UX of Interactions Mode
› New recommended presets
› Ability to write advanced…
5
8
214
Alongside Materials & Vibrancy, we added Shadows and Borders to Play for macOS!
1
8
212
👀 Did you say Play for the web?
In addition to releasing Play for iPad, we have an exciting new (re)launch for Play Web coming very soon...
#design
#uxdesign
#uidesign
#uiux
#iOS
#appdesign
#productdesign
2
9
210
Get nesty!
Add triggers, actions, and soon...variables & conditions to your prototypes in our new macOS and iOS Apps!
Join Play's Public Beta ↓
2
13
206
7
19
206
Pull-Down to Search interaction made in Play.
Watch the tutorial in the next video to learn
how to create this interaction.
📱Try it on your iPhone →
1
13
208
Join our macOS beta!
We’re starting our private beta in Dec with a small group of Play users and rolling it out to more people in Jan.
You can join by:
📲Installing Play from the App Store
🔔Check the notifications tab for a link to sign up!
8
16
203
Play Web 1.0 is live! Play Web lets you create projects, make teams, upload assets and custom fonts, create type, color & spacing styles and grab Swift snippets. More exciting updates for Play Web are on the horizon! 🤩
#design
#productdesign
#ios
#ux
#uxdesign
#uxui
#appdesign
2
24
199
Let's build a card in Play for macOS!
In this thread we talk about:
› Right Click menus
› Padding & Gap spacing
› Shortcuts
› Double Click
↓
5
10
197
No Variants Needed!
Expanding a Native Segmented Control in Play is as easy as typing.
You can also interact with it on the canvas and easily add actions to interact with other pages.
Plus:
› Responsive by Default
› Automatic Light & Dark Mode
› Add Triggers & Actions
2
9
191
New font. Updated logo.
(not an X)
Updated branding rolling out with our new website very soon!
7
3
192
Cover Flow is back, now with Device Motion!
In our next release you will be able to combine Gyro, our new Scroll Effects & Scroll Triggers to prototype interactions like these.
7
14
193
Interactions in Play are performant, interruptible, and use Apple’s Core Animation to render your prototype with the same technology as a finished mobile app.
Check out our new macOS and iOS apps today!
4
12
187
We’re always on the lookout for cool interactions. Here are some of our favorites we saw in June!
Bonus: See if you can create any of them in Play 👀
2
11
185
Interactions 2.0 Sneak Peek!
Apple is shifting to a more playful and dynamic iOS Design Language adding rubber-banding in different areas of the OS (ie: Control Center).
You will be able to do this in Play once we release our next version of interactions using variables,…
3
6
189
Tired of using screenshots of Maps in your designs?
Spending too much time creating fake Date Pickers in your prototypes?
Using external Figma plugins to design Charts?
With Play you can design with native, interactive, and customizable iOS elements.
Download Play on macOS &…
2
13
183
💡Contextual toolbars.
Inspector panels are useful in our tools but how many miles do we move our mouse everyday? 😆
On Play for macOS, we added contextual toolbars that dynamically change based on the object you're working on.
What do you think?
12
10
184
Final testing for Interactions underway...feature release coming soon!
#createwithplay
#ux
#uxdesign
#productdesign
#ios
#appdesign
#mobiledesign
#designtools
3
17
177
It’s time for design tools to stop treating interaction + motion as an afterthought.
With Play macOS, your desktop becomes a control center for adding interactivity to your designs.
7
18
179
Have you ever used a screenshot of a map to fake a prototype?
In Play, you can use Apple's Native Maps and interact with them. You can add pins at custom locations among many other features:
› Pan, Zoom & Rotation Gestures
› Standard, Satellite, and Hybrid Map Types
› User…
1
8
178
At Play, we love
@SlackHQ
's new Catch Up feature.
For fun, we prototyped a quick version of it using:
› Continious Panning Gestures
› Scale & Position Motion for Upcoming Cards
› Snapback to Position (for an unfinished gesture)
› Native Text Fields
The best part? You…
5
11
177
Ready to import your designs from Figma into Play? 📲 We automatically…
→ Turn frames & screens into pages in Play
→ Respect AutoLayout & constraints
→ Import color and type styles as foundations in Play
→ Organize your component library
3
12
176
Did you know you can type the time when using a DatePicker in iOS?
Just double tap on the Time Picker!
Since Play uses the native iOS DatePicker, this functionality is available out of the box.
Plus:
› Automatically updates with new iOS versions
› Multiple Styles & Options…
5
9
174
Doing an async User Testing session?
Get feedback directly inside the prototype thanks to Play's Native WebViews. You can embed any form like
@TallyForms
,
@typeform
or Google Forms and recieve feedback of your new explorations and ideas.
Just share an AppClip Link.
› No…
5
16
178
Happy Holidays from the Play team!
@splinetool
official support is coming to Play very soon but we loved what they released this week so much, we made it possible to embed Spline projects using our Native WebView element.
You can Orbit, Pan and Zoom using 1 and 2 fingers.…
4
7
173
Can you make this in your traditional design tool?
Custom radio buttons that invert when another is selected using Component States + Invert Other Instances!
—
Inspired by
@marcofyi
3
11
172
Interact with a prototype that has native iOS blurs...without installing an app? The power of App Clips at work!
Try it out...link in thread 👇
3
9
171
Ever wanted to prototype a Pro Camera app like
@halidecamera
? With Play, you can do this easily.
› Capture Photo & Video
› Change Lens
› Pinch to Zoom
› Access your Photo Library
› Custom Radio Buttons
› Panning Gestures
5
8
169