Play: Legacy App

November 20, 2023

This is our legacy iOS app, which will no longer be supported in 2024. We recently released an entirely new product suite for both iOS and macOS, called Play: Design Better Apps.

January 23, 2023

This release includes a bug fix for recognizing iPhone 14 screen sizes as pages during Figma import.

November 14, 2022

Gauge Element: - We added another special native element, the gauge. - There are a few different types of gauges: linear, linear dot, circular, and circular dot. - We offer many customizations to your gauge including colors, styles, and values to display. Native Elements Tab: - We added a new tab in the Library called “Native.” - All native elements will now be listed in this tab, separated into three sections: button, display, and control. Updated Native Button Presets: - Our native button presets are now large, medium, and icon. - The large preset gives your button a large size, filled style, and 100% width. - The medium preset gives your button a medium size and a tinted style. - The icon preset gives your button image contents, capsule corners, and a tinted style. The following bugs have been fixed: - Some of Play’s UI was overlapping with the dynamic island on iPhone 14 Pro devices. - Set Text Action didn’t work with Scroll To Trigger. - The Notifications Tab header was positioned incorrectly. - Other minor coloring and spacing issues.

October 10, 2022

Map & Collection Connection - When a map and collection are connected from within the map's element settings, selection will be synced in both directions. Selecting any pin will select the corresponding card, and selecting any card will select the corresponding pin. Delay on all Actions - We’ve added Delay attributes to all actions that did not previously have them. The following bugs have been fixed: - When editing the gap spacing within a button, values added with the number pad didn’t display correctly. - When choosing a non-foundation value for a collection’s gap spacing, numbers didn’t display correctly. - When creating a new gradient color foundation, switching between linear, radial, and angular reset the selected colors. - On iPad, opening an Explore project page caused unintentional movement to the Explore section UI. - On iPad, opening a project page caused unintentional movement to the teams UI. - Objects with fixed positioning were not being imported correctly from Figma. - Long color names weren’t displayed correctly on the foundation header. - UI issues on Set Event Action popup. - Spacer element’s icon didn’t change when parent’s direction changed. - When editing a number variable using the calculator, the entered number didn’t display and the calculator’s close button didn’t work. - Play crashed when a user set a collection’s header or footer to be its parent component. - Play crashed when a user tried to place a component in another stack from the Main Component Editor. - Additional UI bug fixes for iPhone 14 devices

September 19, 2022

Spring Animations! - Play now offers an additional Spring easing animation for actions. - You can access the new Spring setting in the “Easing” slider inside any Actions panel. - You can control the animation using the Spring Intensity attribute. The higher you set the intensity, the lower the damping will be. Explore Section 2.0 - We added tags, search, and project badges to the Explore section projects to help you easily sort and find what you’re looking for. - In each Explore project’s lobby, we added a “Save To My Projects” button and a relevant video if applicable. Teams UI updates - Personal teams previously called “My Workspace” are now called “My Team.” - On the projects page, your current team will now display the team avatar and member count. - On the teams dropdown page, we added new CTAs, moved the pagination dots, and made additional UI updates. - Since Play is available for anyone to use now for free, invite your team members and start collaborating! Realtime multiplayer is coming soon :) Bugs - Uploaded image thumbnails were not displaying properly in collections’ databases. - Color well elements’ UI Style attribute was not reflected in Play Mode. - On the Go To Page action panel, updating attributes did not change the animation preview. - Without enabling reorder, users were able to drag and drop picker items, but their changes were not saved. - Actions on the Main Component weren’t triggering on component instances. - When adding a URL to a web view element, the keyboard auto-capitalized the first letter of the URL leading to issues. - Setting a page container’s height to Auto made it appear to have a height of zero. - Edit Mode did not show the corner radius on elements with a background blur. - Adding a second emoji to a text element caused the first emoji to duplicate. - Icons within the editor are now slightly smaller. - Custom margins were not displaying correctly on the Main Component when pushed from a component instance. Button Bugs: - When creating a capsule, icon, or mini button, tapping the override dots reset attributes to the default element type. - When creating a button with the image enabled, the Size attribute’s calculator would not open. - Play crashed when a user set a button’s Image Gap or Title Gap attribute to Auto. Teams Bugs: - Editing a team name adjusted the width of the input field. - Changing a team picture closed the panel without saving the edited team name. - A team’s name label reduces size after closing and opening the teams panel. - After restarting Play, the teams modal always displayed the “My Workspace” team. - The new teams UI overlapped with the refresh loader. - When adding a long team name using Play for iPad, the input field’s width was not dynamic. - A Viewer team member could edit the project after being removed if they were already viewing a page.

August 24, 2022

SF Symbols Updates - Play now offers all 3K+ symbols from Apple’s SF Symbols 3.3. - We categorized SF Symbols by theme to expedite locating a desired icon. - We included meta tags for more effective searching. - We’ve added the SF Symbol’s name to improve recognition. Rounding Attribute for Sliders - Play now allows you to choose how many decimal places you would like to include in your slider output. Auto Truncate Text - Play now automatically truncates overflow text when a text element has a fixed height. - Truncated text is indicated with an ellipses. First Component Alert - Play now alerts you when you tap the “Create Component” button for the first time. - The alert includes documentation for components. Sizing Updates - Stack H’s default height is now 160pt and stack V’s default height is 240pt. - When you add a child to a stack H, the stack H will now adjust its height to be the height of the child. Stack V already works this way. - Deleting the last child remaining in a stack with auto height will cause the stack to retain the height of that final child. Add a child will cause the stack to return to auto height. - Setting a parent’s height (or width) to auto will remove the filled height/width on the child. The child will now be a point value based on the original height of the parent. [AND → together] - Setting a child’s height (or width) to filled height/width will remove the parent’s auto height/width. The parent will now be a point value based on the original height of the child. Bugs fixes: - Multi Item Selection was not working in collections. - Collection’s Item Selection attribute’s scroll settings were not working. - Collection’s Unselect Cell Action was not unselecting items properly. - Collection’s Unselect Cell & Select Cell Actions included an option to “Select Instance.” This option did not work properly and has been removed. - On iPad, when selecting a target, elements weren’t displaying a selection outline. - When creating an account, the “Next” button moved positions as the user switched textfields. - Including multiple interactions resulted in unexpected scrolling and prevented the user from editing or adding interactions. - Video elements’ Current Time and Full Length attributes were not displaying. - When a user pressed “Undo” after adding an element to an empty vertical stack, the stack’s original height was not restored. - The SF Symbol calculator allowed the user to set the unit to percentage or auto, when it should only allow the unit to be points. - SF Symbols’ Scale attribute was only scaling the icon, not the icon’s container. This also caused the border to disappear out of view. - Editing SF Symbols’ Offset X&Y and 3D Transform attributes caused the icon to disappear. - Text and SF Symbol elements’ Clip Content attribute was not working. We have removed it for these elements. - The in-app link to the interactions article on our support site was not working. - On a button with a gray style, editing the BG color was not overriding the gray. - Play crashed when user tapped the Type slider’s title. - Additional minor bug fixes.

July 28, 2022

1. We’ve added an optional background image to stacks - In a stack’s Appearance tab, you can make the background either a color, an image, neither, or a mix of both. - If you have a BG image, you can also adjust its mode and opacity in the Appearance tab. 2. We made updates to Collections! - You can now edit collection data on iPad. - We’ve added safe-guards to prevent you from nesting collections and adding unsupported elements into collections. 3. We removed the SF Symbol option from image elements to streamline how symbols are added - You can still use SF symbols by adding an SF symbol element to your page. 4. Bug Fixes & Improvements The following bugs have now been fixed: - After changing a stepper’s start value, the new value was not reflected in the output. - The calculator for Scroll Effects showed PT as the unit metric for values that use degrees. - Components’ BG Blur effect disappeared when component was detached. - The Appearance tab was still labeled as "Style" on iPad. - Tool tips did not appear when changing the image settings on a native button. - User was not able to scroll the entire page of a medium size modal. - When using a bluetooth keyboard on iPad, user was not able to insert numbers on the foundations number pad using the keyboard. - While editing a Collection on iPad, the Item Selection slider scrolled the full panel instead of just the slider. - User was able to delete a component while in that component’s Main Component Editor. - Set Scale Action didn’t allow for values over 100%. - There were popover scroll issues on iPad. - Using sliders in Set Segment Action caused the action panel to close. - Attributes for Set Scroll Action read Start & End Height instead of Start & End Scroll. - User wasn’t able to add an instance of a newly created component. - Image data wasn’t applied in collection views. - Additional minor bugs were fixed.

June 20, 2022

The following improvements have been made: - We added a Select Segment Action. You can use this when paging content connected to a Segmented Controller and you want the segment to be updated. - We added light haptics to each step of new sliders. - We updated the Design Foundation chain icon and created a new detached foundation unlinked icon. - We added a close button on all sub-panels. - When a user duplicates a project, Play now scrolls up to the newly duplicated project in the project list. - We moved Hidden and Clip to Bounds attributes to the Appearance Panel. - We made the Offset X & Y attributes integer values instead of decimal values. - We updated the SF Symbol's panel UI. - We updated the trigger settings UI and copy. - We made UI improvements to Interactions' settings. The following bugs have been fixed: - In Figma Imports, Styles w/ Google Fonts were not being imported correctly. - Lottie element was not available as target selection for the Lottie Controls action. - Tapping the Done button while in the Component Editor without closing the Unsplash drawer didn't save the new image. - In Play Mode, the Date Picker's height changed as the user scrolled the page. - Some onboarding projects were not available. - Opening a Shared Link changed the project's time since editing. - Shared Links that a user shared were incorrectly displaying in the "Shared with Me" category. - Page Enter Trigger + Set Focus Action to a Text Field element did not work. - Additional minor bugs were fixed.

May 31, 2022

1. Data per State - We've added Data Per State functionality! - You can now set different type styles, text, images, SVGs and SF symbols for each of your components' states. 2. Offline Mode - You're now able to use Play offline. While offline, you can edit any existing project or page, but you can't create new projects or pages. 3. iOS Layers 2.0 - We've ported Play iPad's Layers Panel functionality to Play iOS, but you won't notice a difference in design/usability. 4. Slider 2.0 We updated our attribute sliders! Sliders still slide the same as before, but we've changed the style of the editable values. Each of the following indicates a value you can tap on to edit: - Gray Background with Numbers: Tap right side to open the calculator. - Gray Background with Text: Tap right side to open keyboard. - Double Box Icon: Tap right side to open a sub-panel - Pointing Icon: Tap right side to select the Target from the Layers Panel 1. Once a target is selected, the pointer icon will disappear and the target name will be green, if it's an element, or magenta, if it's a component. 5. Bug Fixes & Improvements The following improvements have been made: - We added a new touch position to the Set Position Action while dragging. - We adjusted the help indicators for Top & Bottom Safe Area Padding. - We added a scroll indicator to projects' page selector. - We added a color wheel to control the background color of the Main Component Editor. - We updated the SF Symbols Panel. - We added gradient creation & editing functionalities to Play iPad. - We added calculator functionality to Interactions' Delay and Duration Sliders. This now allows for delays and durations longer than one second. - We changed the selected SF Symbol's color from black to white in the Icon Slider. The following bugs have been fixed: - Target selection for collections could not be edited. (iPadOS) - Target selection was not saved when user closed Play. - If a user closed and reopened Play, the Pin To Position slider stopped working. (iPadOS) - Play crashed when changing the duration of a Long Press Trigger. - Play crashed while creating a new linear Color Foundation. - Calculator was missing the PT copy on animation settings for the Set Page Action. - User was able to activate Preview Mode while viewing the calculator and freeform sliders. (iPadOS) - The Design Foundations Panel remained visible when in Play Mode. (iPadOS) - Set State animation did not work as expected when the component had one or more states with a border. - The gap between sliders on the Settings Tab was missing. (iPadOS) - Map related calculator was missing the altitude button copy. - New pins weren't saved when user tapped out of the Manage Pin Modal. - Gradients weren't stopping at the edge of the object's bounds. - Set State animation did not work as expected when one state has a background opacity of less than 100%. (iOS) - Page Selector could not handle long page names. - Project Thumbnail was not appearing after duplicating a project with pages imported from Figma.

May 5, 2022

Hotfix Release The following bugs have now been fixed: - Not able to add a menu to a child of an instance. - It was possible to copy and paste multi-context menu triggers. - Adding a Collection then a Button to the page crashed the app. - Fill height is now disabled when a user starts typing a new number. - Changing any value in a context menu changed the panel to be a button tap menu. - Editing menu items now functions like editing menu titles. - Editing menu title twice pushed the whole panel down. - On iPad, while in the Component Editor, if a user entered Play mode with an element selected, the “X” button didn’t exit Play Mode. - User could not move an item between Stacks without the item being moved as a child to one of the stacks.