Pixso releases the developer mode and slide show mode for better collaboration between UI designers and developers.

1. Enter Developer Mode

You can enter developer mode by clicking the button on the right side panel. After that, all the top frames will be displayed by default. On the right side panel, you can also see the slice details and download all slices created by the designer.

Please note that only top frames are displayed, and text layers, vector shapes and components on canvas will all be hidden. However, you can create a parent frame(shortcut: Command/Ctrl + Option/Shift+G) to display them.

2. Share Developer Mode

Pixso supports sharing the canvas in developer mode directly to others. Click the Share button on the top corner to copy the sharing link. And the permission is the same as that of the design file.

3. Enter Slide Show Mode

As it is troublesome for developers to check more design details by dragging and scaling the canvas, Pixso releases the slide show mode. Double click the frame or click the Locate button. Then the selected frame can be automatically displayed in the center of the viewport for developers to work immersively.

In single frame mode, you can still select an element to check its code and slice, or download it. If you need to switch to other frames, click the switch button in the bottom or select one from the frame list on the left panel.

To exit single frame mode, you can click the Exit button in the top left corner.