Play: Design Better Apps 4+

Phase 1 of Figma Integration

- Figma import is here! We’re rolling features out in phases so we can deliver Figma integration to users as fast as possible. In this first phase, you can copy objects from Figma and paste them into Play.
- There are a few features still in development, like editable text, full SVG support, and gradient fill. Currently, both text elements and any elements with gradient fill will be brought into Play as images.
- Other features coming soon include:
-- Editable Text
-- SVG Import
-- Auto-replace objects imported from Figma with native elements in Play
-- Full Figma project import from a Figma file URL
-- Updating a Shared Library between a Figma file and a Play file

Design with System Colors for Accessibility

- You can now use Apple’s System Colors in your designs! System colors cannot be modified. If you want to use another color, you can still add it as a Color style, which is different than these System styles.
- This will not affect the Color styles in existing Play projects.

Native SF Symbol Animations

- We added two new actions for SF Symbols: Set SF Symbol and Set Symbol Effect.
- Set SF Symbol lets you replace an SF Symbol with another, with or without an animation of your choice.
- Set Symbol Effect lets you trigger an Appear, Disappear, Pulse, Bounce, Scale, or Variable Color animation. Each type has one or more properties that further customize the animation.

Data for Pickers

You can now add up to three columns of data to native picker elements. In each column, you can add an unlimited number of rows by adding each item separated by a comma.

Improvements

- When you switch between pages, Play will now remember whether you were in Design Mode or Interaction. Mode.


Bug Fixes
- Sub-panels was getting conflicted when more than one editor was opened
- Text field properties weren’t applied correctly to the text field value, only the placeholder
- New corner style values were not saved
- Dismissing Play Mode from a modal caused the editor to load instead of the Lobby
- Setting the #000000 color’s alpha value to 0% hid the HEX label
- Deleting a Corner Radius Style while the element is in view did not break the style
- The Figma authorization flow was not re-triggered when trying to import elements after revoking Figma account access
- The Color Panel was not updated when selecting a gradient color type via the attributes panels
- Project Display Mode was not getting saved after closing the app