Documentation
Preview
Trying your design as if it were an app.
The preview shows your page inside the frame of a phone, a tablet or a desktop, with the status bar. It is not a still image: what you designed answers.
What answers
- Buttons go where you told them: another page, back, a bottom sheet or a web link.
- Switches, checkboxes and radio buttons turn on and off.
- Text fields take text; the keyboard and numeric keypad of the design type into the field you choose.
- Chips can be selected and sliders and counters move.
- The payment card flips when tapped.
- Bottom sheets open and are dragged down to close.
- Animated borders move, and micro-interactions answer taps, hovering and appearing.
How to use it
Open it from the editor, tap around, and use "Back to edit" to return. Choose phone, tablet or desktop to see how the page adapts.