Play

With Play for iOS, you can edit on the go, fine tune your design, and much more. Because iOS devices have smaller screens, we're going to look at the UI when an object is selected and when its not.

Page Drop Down (left status bar &amp; top center drop down)

<a href="https://learn.createwithplay.com/en/articles/8514890-connecting-ios-macos">Play Mode</a> Connection (top right)

<a href="https://learn.createwithplay.com/en/articles/8500286-introduction-to-design-systems">Styles</a> (bottom left)

<a href="https://learn.createwithplay.com/en/articles/8500287-sharing-your-work">Share</a> (bottom right)

- Close Project (top left)
- Page Drop Down (left status bar &amp; top center drop down)
- <a href="https://learn.createwithplay.com/en/articles/8514890-connecting-ios-macos">Play Mode</a> Connection (top right)
- <a href="https://learn.createwithplay.com/en/articles/8500286-introduction-to-design-systems">Styles</a> (bottom left)
- More (bottom center)
- <a href="https://learn.createwithplay.com/en/articles/8500287-sharing-your-work">Share</a> (bottom right)


<a href="https://learn.createwithplay.com/en/articles/8501715-overview-of-the-attribute-panels">Attributes Panels</a> (panel at bottom)

- The attribute panels are where you can modify the object’s element-specific properties, layout, position, and appearance.

Create <a href="https://learn.createwithplay.com/en/articles/8501709-components">Component</a>/Component Management (right status bar)

Select Object's Parent (left tool bar, top)

- <a href="https://learn.createwithplay.com/en/articles/8501715-overview-of-the-attribute-panels">Attributes Panels</a> (panel at bottom)
  - The attribute panels are where you can modify the object’s element-specific properties, layout, position, and appearance.
- Page Drop Down (left status bar)
- Create <a href="https://learn.createwithplay.com/en/articles/8501709-components">Component</a>/Component Management (right status bar)
- Undo (Long Press for Redo) (top left)
- Play Mode Connection (top right)
- Select Object's Parent (left tool bar, top)
- Move Object Up (left tool bar, center)
- Move Object Down(left tool bar, bottom)
- More Menu (right tool bar, top)
- Duplicate (right tool bar, center)
- Delete(right tool bar, bottom)

View the Layers Panel by swiping right from the left edge of your screen. Learn more about the Layers Panel here.

- Expand or Collapse Layer Group
- Rename Layer
- Hide Layer
- More Menu

View the list of all elements and components by swiping left from the right edge of your screen. Learn more about adding objects to your page <a href="https://learn.createwithplay.com/en/articles/9890020-adding-objects-to-your-design">here</a>.

No Object Selected

Object Selected

The Layers Panel

Add Objects to Your Page