Design on a Tablet

Beginner 4 min read Updated

Overview

Ideas rarely arrive at a desk. You do not need a laptop to lay out a card. Tablets get the real editor, with the same Add panel, inspector and layers, rearranged so a finger can use them. This guide covers what you get on which screen, how to move around the card by touch, and what is still easier with a mouse.

Which screens get the editor

Screen widthWhat you get
Under 740 px (phones)No editor. You can view your cards and edit spreadsheet rows.
740 to 1023 px (tablets held upright, small windows)The compact editor. Add, Properties and the spreadsheet slide over the card as panels.
1024 px and up (tablets sideways, laptops, desktops)The full editor with the panels docked on either side.

An iPad mini held upright (744 px) gets the compact editor, and the same iPad turned sideways gets the full one. Resizing a desktop window switches layouts the same way.

On a phone, opening the editor shows a card with View this project, Edit card data and a link you can email to yourself to finish on a bigger screen.

The editor on a tablet held upright with a card filling the screen and two buttons at the screen edges labelled Add and Properties
The compact editor: the card gets the screen, and Add and Properties wait at the edges.

Touch gestures on the card

A stylus works like a mouse pointer, so you can click, drag and hold a button with it exactly as on a desktop.

Tip: Fingers covering what you are moving? Zoom in with two fingers first. Edges are easier to line up at a larger size.

The panels

In the compact layout, two buttons sit at the edges of the screen:

To close a panel, tap the dimmed area beside it, use the panel's own collapse button, or press Esc on a keyboard. Only one panel is open at a time.

Everything you tap is at least 44 px tall, and text fields use a size that keeps your tablet from zooming the page when you start typing.

The Properties panel slid over the right side of a tablet screen, with a text box selected on the card and the dimmed card visible on the left
The Properties panel slides over the card. Tap the dimmed side to close it.

Save and export from a tablet

The top bar keeps Save at the right, and the Export tab sits with the other stage tabs. Your work also saves on its own as you go. Games saved to Chitmunk Cloud upload their changes, and games saved in this browser stay on this tablet, so a cloud game is the better choice if you will switch between devices. To check, open the game menu and choose Where it's saved.

Exporting works as on a desktop: open the Export tab, pick what you want, and the file goes to your tablet's downloads.

What is better on a desktop

Troubleshooting

Ready to try it?

Open the editor on your tablet, it is free to try. Your games are waiting.

Start Designing